vue input 自动聚焦(autofocus)

代码:

Vue.directive('focus', {
        // 当绑定元素插入到 DOM 中。
        
        inserted: function (el) {
            // 聚焦元素
            el.focus()
        },
        //也可以用update,update就是当页面有操作的时候就触发,比如点击按钮,输入框输入都算。
        //有一个要注意的就是,就是你页面有几个input,比如一个input绑定了v-focus,一个没有绑定。你在没绑定v-focus的input输入时,绑定了v-focus的input就是自动获取焦点,这是个bug.
        //update: function (el) {
            //el.focus()
        //}
});
new Vue({
  ...
})

<input type="text"  class="form_input"  @change="SearchCardname"  v-model="CardName"  v-focus>

参考链接:

https://segmentfault.com/q/1010000009861687



回到顶部