随笔分类 -  Vue.js

vue项目Eslint和prettier结合使用
摘要：一、eslint介绍——代码语法检查工具 Eslint是一个代码检查工具，用来检查你的代码语法是否符合指定的规范,ECMAScript标准 二、prettier插件——代码格式化工具 prettier是一款优秀的代码格式化工具，它并不关心你的语法是否正确，只关心你的代码格式，比如是否使用单引号，语句 阅读全文
posted @ 2022-10-17 17:47 Cristina_Guan 阅读(1404) 评论(0) 推荐(0)
Vue3.x 从零开始（一）—— Vue-cli构建项目
摘要：vue ui 前言: vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安 阅读全文
posted @ 2021-01-07 17:21 Cristina_Guan 阅读(396) 评论(0) 推荐(0)
vue中使用v-bind="$attrs"和v-on="$listeners"进行多层组件监听
摘要：vue组件之间通信，我们可以使用props和vuex两种方式，但是vuex太重，props在多级组件中使用又太麻烦，vue2.4版本提供了另一种方法，使用v-bind="$attrs"，将父组件中不被认为 props特性绑定的属性传入子组件中，通常配合 interitAttrs 选项一起使用。 例如 阅读全文
posted @ 2020-11-24 10:09 Cristina_Guan 阅读(906) 评论(0) 推荐(0)
js获取url参数值的几种方式
摘要：一、原生js获取URL参数值： 比如当前URL为：http://localhost:8080/#/page2?id=100&name=guanxy 页面效果： 二、Vue 获取URL参数值 阅读全文
posted @ 2019-09-07 16:58 Cristina_Guan 阅读(7725) 评论(0) 推荐(0)
vue.js 键盘enter事件的使用
摘要：在监听键盘事件时，我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符： 记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名： 在使用过程中，如果页面只针对一个Input添加键盘enter事件，可以直接按照官方文档定义的别名增加相应事件就可以 阅读全文
posted @ 2018-08-07 22:50 Cristina_Guan 阅读(92227) 评论(2) 推荐(3)
vue loadMore 上拉刷新不能实现的坑
摘要：1、如果你写的代码没问题，但依然不能实现上拉刷新效果，那你有可能是缺少了overflow: scroll 2、如果上拉刷新一直在加载状态，需要调用this.$refs.loadmore.onBottomLoaded();监控通知上拉操作已经完结 loadBottom:function(){ cons 阅读全文
posted @ 2017-12-27 18:50 Cristina_Guan 阅读(4059) 评论(1) 推荐(0)
npm run dev 出错的解决办法
摘要：bogon:~ yan$ cd my-project bogon:my-project yan$ npm run dev > my-project@1.0.0 dev /Users/yan/my-project > node build/dev-server.js module.js:471 thr 阅读全文
posted @ 2017-09-13 18:19 Cristina_Guan 阅读(15406) 评论(0) 推荐(0)