前言 项目背景:VUE + 基于elementUI 的 Transfer 组件. 实现功能 穿梭框 增加按钮 穿梭框 编辑字段 穿梭框 输入框自动获取焦点 穿梭框 回车确认修改内容 穿梭框 失焦提示未提交内容 1. 穿梭框增加按钮 elementUI 的 Transfer 组件，UI是不分左右的。需 ...
分类：
其他好文 时间：
2021-06-19 19:09:51
阅读次数：
0
场景 1.为组件添加loading效果 2.按钮级别权限控制 v-permission 3.代码埋点,根据操作类型定义指令 4.input 输入框自动获取焦点 注意事项 注意： 1.自定义指令名称，不能使用驼峰规则，而应该使用"my-dir" 或 “my_dir” 或 “mydir” 2.使用时，必 ...
分类：
其他好文 时间：
2020-07-04 17:00:43
阅读次数：
340
基于Vue表单操作 input 单行文本 单选框 多选框 下拉框 文本域 表单修饰符 number : 转化为数值 trim : 去掉开始和结尾的空格 lazy : 将 input 事件切换为 change 事件 自定义指令 实例自动获取焦点 计算属性 表达式的计算逻辑可能会比较复杂, 使用计算属性 ...
分类：
其他好文 时间：
2020-05-11 01:01:10
阅读次数：
73
//autofocus 1.自动获取焦点 2.autocomplete:on 打开 off关闭 必须配合name属性(获取提交记录) 3.required 必须填写内容不然不可以提交 4.pattern正则表达式验证 "^(\+86)?1\d{10}$" 5.<form id="#"></form> ...
分类：
其他好文 时间：
2020-03-08 14:28:54
阅读次数：
74
鼠标经过INPUT时自动获取焦点 <input type="text" name="addr" onMouseOver="this.focus()" /> ...
分类：
其他好文 时间：
2020-02-24 09:58:14
阅读次数：
68
现在的需求是当点击icon图标的时候input框 与span标签切换显示，默认input框显示的时候需要自动获取焦点，首次点击icon是可以的 后面再次切换就不行，原先是在el-input标签上面添加了autofocus属性 可以使用原生的focus事件自动触发 ...
分类：
其他好文 时间：
2019-11-03 12:57:56
阅读次数：
569
Vue全局自定义指令 接下来用自动获取焦点这个小例子，来介绍一下全局自定义指令。 注意：Vue.directive(‘参数名称’,{}) 定义全局指令，它有两个参数 参数1：指令名称,注意在定义的时候，指令名称前不需要加 v- 前缀，但是在调用的时候，必须加v- 前缀。 参数2：参数2是一个对象，这 ...
分类：
其他好文 时间：
2019-08-15 14:31:00
阅读次数：
67
只要在该input标签后添加autofocus="autofocus"即可 代码实例： <html> <head></head> <body> 用户名：<input type="text" id="username" name="username" autofocus="autofocus"/><b ...
分类：
其他好文 时间：
2019-08-11 10:46:34
阅读次数：
63
原生JS操作DOM使用mounted钩子函数，它表示页面一加载进来就执行函数里面的内容（和window.onload类似）1//html部分 编号:<input type="text" v-model='newId' id='inputId'>//vue对象var vm = new Vue({ el ...
分类：
其他好文 时间：
2019-05-24 10:59:38
阅读次数：
507
