Vue常用特性：表单操作、自定义指令、计算属性、过滤器、侦听器、生命周期 表单操作：使用v-model进行双向绑定 表单操作分别有单行文本(text)、多行文本(textarea)、下拉多选(select)、单选框(radio)、多选框(checkbox)等； 提交可使用input:submit标签 ...
分类：
其他好文 时间：
2020-07-12 14:17:03
阅读次数：
68
基本用法 自定义指令的选项是由几个钩子函数组成的，每个都是可选的。 bind： 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted： 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document中）。 update： 被绑 ...
分类：
其他好文 时间：
2020-07-11 12:45:20
阅读次数：
56
场景 1.为组件添加loading效果 2.按钮级别权限控制 v-permission 3.代码埋点,根据操作类型定义指令 4.input 输入框自动获取焦点 注意事项 注意： 1.自定义指令名称，不能使用驼峰规则，而应该使用"my-dir" 或 “my_dir” 或 “mydir” 2.使用时，必 ...
分类：
其他好文 时间：
2020-07-04 17:00:43
阅读次数：
340
在Vue.js中实现一个列表无限下拉刷新功能，最好的实现方式应该是利用自定义指令，Vue除了核心功能默认内置的指令 (v-model 和 v-show)，在仍然需要对普通 DOM 元素进行底层操时，推荐使用自定义指令。Vue指令为我们提供了以下几个钩子函数， const MyDirective = ...
分类：
其他好文 时间：
2020-06-28 18:05:29
阅读次数：
90
常用特性概览： 表单操作 自定义指令 计算属性 侦听器 过滤器 生命周期 1. 表单操作 ① 基于Vue的表单操作 Input 单行文本：使用v-model来绑定 textarea 多行文本：textarea的用法与input类似，但是不可以在textarea的中间处理这个值。在vue中，texta ...
分类：
其他好文 时间：
2020-06-12 14:14:35
阅读次数：
56
最近在学习 Vue自定义指令，在此过程中所遇问题记录如下： 一.如果你是.vue单页面，只需在script标签下定义全局指令即可，如下图： 二.如果你是Vue脚手架中引用的 1.你此时需要单独建一个js文件（将定义的全局代码写入），在main.js中引入，才能实现全局指令的调用，下图是单独的js文件 ...
分类：
其他好文 时间：
2020-06-05 12:58:01
阅读次数：
97
项目初始化 vue-element-admin 源码 git clone https://github.com/PanJiaChen/vue-element-admin cd vue-element-admin npm i npm run dev 若npm 报错 Cannot find module ...
分类：
其他好文 时间：
2020-05-27 12:31:19
阅读次数：
137
Demo浏览： 说明： 1，使用了指令, v-drag 2，bug1，单击时，已经拖离初始位置的方块会弹回原位 3，bug2，点击时，左上角会出现一个方块的阴影 4，写指令时，发现指令中是无法访问data中的数据的 5，尝试使用v-if指令来动态生成/销毁移动时的阴影方块，则又涉及到如何向自定义指令 ...
分类：
其他好文 时间：
2020-05-21 21:14:04
阅读次数：
76
vue指令(directive)一般用于直接对DOM元素进行操作。 vue中已经提供的指令有很多：v-text, v-html, v-bind, v-on, v-model, v-if, v-show 等等 1. 指令的定义形式 // 注册一个全局自定义指令 `v-focus` Vue.direct ...
分类：
其他好文 时间：
2020-05-14 01:23:26
阅读次数：
75
基于Vue表单操作 input 单行文本 单选框 多选框 下拉框 文本域 表单修饰符 number : 转化为数值 trim : 去掉开始和结尾的空格 lazy : 将 input 事件切换为 change 事件 自定义指令 实例自动获取焦点 计算属性 表达式的计算逻辑可能会比较复杂, 使用计算属性 ...
分类：
其他好文 时间：
2020-05-11 01:01:10
阅读次数：
73
