Vue自定义事件

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

我们都知道vue.js十分的好用

尤其是vue自带的指令 

像 ： v-if用于条件渲染，v-for用于列表渲染，v-on绑定事件

而且我们可以自定义指令，不管是全局的还是局部的指令

注册全局自定义指令时使用   directive()  方法

1 // 注册一个全局自定义指令 `v-focus`
2 Vue.directive('指令名称', {
3   // 当被绑定的元素插入到 DOM 中时……
4   inserted: function (el) {
5     // 聚焦元素
6     el.指令名称()
7   }
8 })

注册局部自定义指令时使用  directives  选项(不是注册全局指令时的directive方法哦)

1 directives: {
2   指令名称: {
3     // 指令的定义
4     inserted: function (el) {
5       el.指令名称()
6     }
7   }
8 }

然后我们就能愉快的使用自定义好的指令了   就像是：

<input  v-自定义指令名称>

以上是 Vue自定义事件 的全部内容， 来源链接： utcz.com/z/379790.html

回到顶部