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

2019-04-09  本文已影响0人  张xiao蛋

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。

上一篇 下一篇

猜你喜欢

热点阅读