vue input自动获取焦点以及自定义指令

作者: 张xiao蛋 | 来源:发表于2019-04-09 15:30 被阅读0次

vue学习回顾第二天
Vue.js 学习笔记（二）
vue中自定义组件、指令、插件
vue input自动获取焦点以及自定义指令
VUE02--{directive、filter、compute
vue常用特性应用场景
Vue2 & ElementUI实现管理后台之input
js 自动获取input焦点
使用vue自定义指令做input自动获取焦点功能
自动获取焦点dom版和自定义指令版全局指令和局部指令

vue自动获取焦点首先得自己自定义一个指令。如：

directives: {
        focus:function (el) {
          el.children[0].focus();
        }
      },

这样我们就新建了一个v-focus得指令。
然后把指令添加到input上。如：

            <el-input v-model="bonusNumber" v-focus ></el-input>

这块我用的是element的ui框架，所以用el.children[0]才能获取到input，不过这个都是看自己的项目，不同的项目不同的处理，总之el.children[0]的作用就是获取到代码中的input。

vue学习回顾第二天
自动获取焦点方式一：dom版方式二：通过自定义指令获取焦点自定义指令通过Vue.directive()创建，它...
Vue.js 学习笔记（二）
自定义指令示例，文本框自动获取焦点自定义全局指令使用 Vue.directive() 定义全局指令。和样式...
vue中自定义组件、指令、插件
组件全局组件局部组件自定义插件提供install方法，挂载到Vue 指令使用指令实现input自动获取焦...
vue input自动获取焦点以及自定义指令
vue自动获取焦点首先得自己自定义一个指令。如：这样我们就新建了一个v-focus得指令。然后把指令添加到inp...
VUE02--{directive、filter、compute
VUE 案例：input自动获取焦点 1. DOM操作（1）ref属性表示对dom的引用，ref值自定义，但不能...
vue常用特性应用场景
1 过滤器 Vue.filter 定义一个全局过滤器 2 自定义指令让表单自动获取焦点通过Vue.direc...
Vue2 & ElementUI实现管理后台之input
在Vue中要给input设置焦点，需要注册自定义指令。由于ElementUI中的el-input是一个自定义组件...
js 自动获取input焦点
项目需求：input 框在页面刷新时要自动选中input框(获取到input的焦点)，目前vue中还没有功能可以实...
使用vue自定义指令做input自动获取焦点功能
html js 钩子函数： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时...
自动获取焦点dom版和自定义指令版全局指令和局部指令
一全局指令 1自动获取焦点dom版用在input框中给input框设置一个ref属性该ref属性可以通过在...