vue全局自定义指令input自动获取焦点指令

Posted 2022-05-09 初辰ge

在main.js中全局注册自定义指令

Vue.directive('myfocus', 
    inserted: (el, binding) => 
        if (binding.value == true || binding.value == undefined) 
            el.focus()
        
    
);

使用自定义的自动获取焦点指令

// 执行
<input v-myfocus v-model="value" />
// 执行
<input v-myfocus="true" v-model="value" />
// 不执行
<input v-myfocus="false" v-model="value" />