/ 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
/注册一个局部自定义指令
directives: {
focus: {
// 指令的定义
inserted: function (el) {
el.focus()
}
}
}
然后你可以在模板中任何元素上使用新的 v-focus 属性，如下：
<input v-focus>
然后你可以在模板中任何元素上使用新的 v-focus 属性，如下：
一、自定义全局按键修饰符 二、使用 Vue.directive()定义全局的指令其中：参数1——指令的名称，注意：...
有的情况下，需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，如下：、 再如：...
1. 自定义指令属性指令 2. 自定义元素(标签)指令
1. 什么是自定义指令？ 就是自己设置的 v-属性，详细请看实例 2. 需要用到什么属性？ directive(n...
v-text 和 v-html的区别： vue-指令 v-text...
vue 的自定义指令，分为全局自定义指令和局部自定义指令，局部自定义指令等价于局部组件。 自定义指令可以对DOM进...
以v-开头 一、文本操作指令 上一篇文章-插值 二、条件渲染指令 上一篇文章-条件与循环 三、列表渲染指令 上一篇...
一.文本操作指令 1.v-text 2.v-html 3.v-once 4.v-model 5.v-cloak 解...
v-text 预期：string 详细： 更新元素的textContent。如果要更新部分的textContent...
本文标题：vue-自定义指令
本文链接：https://www.haomeiwen.com/subject/awonectx.html
网友评论