首先，在全局中定义一个自定义指令
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
console.log(el);
el.focus()
}
})
奇怪的是在组件中使用的时候没有生效，但是在自己写的input框中可以生效，打印检查之后发现是element-UI的输入框中嵌套在div中
image.png
所以将自定义指令稍作修改即可
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
console.log(el.children[0]);
el.children[0].focus()
}
})
uniapp中无法使用vue的自定义指令，例如想在input中实现 v-focus ，是无法实现的。但uniapp...
首先，在全局中定义一个自定义指令 奇怪的是在组件中使用的时候没有生效，但是在自己写的input框中可以生效，打印检...
vue中所有的指令，在定义的时候，都以v-开头,v-focus 使用Vue.directive定义全局的指令 （若...
vue自动获取焦点首先得自己自定义一个指令。如： 这样我们就新建了一个v-focus得指令。然后把指令添加到inp...
一、自定义指令 1、自定义指令中的指令，类似于哪些指令？什么情况下适合使用自定义指令？ 2、默认方法实现【inpu...
然后你可以在模板中任何元素上使用新的 v-focus 属性，如下：
自定义指令文件： main.js中引入自定义指令文件： 页面中使用如下： 效果：
1.定义全局指令在main.js中声明全局指令 在元素中使用自定义指令 2.局部指令直接在当前组件中添加direc...
vue中自定义指令使用jsx语法实现
指令文件： 使用指令 自定义指令一个重要的问题：如何传值 1、指令的这些钩子函数里面如何拿到组件中的数据？ 一是绑...
本文标题：在element-UI中使用自定义指令v-focus的问题
本文链接：https://www.haomeiwen.com/subject/bdbisktx.html
网友评论