Vue 自定义指令获取input输入框焦点
1.步骤main.js
全局注册自定义指令
Vue.directive('xixi', { // xixi自定义指令名称
inserted (el) {
const theInput = el.querySelector('input') // 获取input框
theInput.focus()
}
})
2.步骤
// 执行
<input v-xixi v-model="value" />
// 执行
<input v-xixi="true" v-model="value" />
// 不执行
<input v-xixi="false" v-model="value" />
v-xixi
就是自定义指令