«

vue 自定义指令directive

时间:2023-6-21 10:49     作者:小诸葛     分类: Vue     正在检查是否收录...


注册自定义指令,全局可用,可以自己写指令里面的逻辑 directive使用方法

1.在main.js中

Vue.directive("border", {
  inserted(dom, val) {
    console.log(dom, val);
  }
})

2.dom代表当前dom节点,val代表传入的值 v-border="3"

3.使用方法 v-border 可传入参数 v-border="3"

<p v-border="3">{{ 8 | twoZero }}</p>

vue directive 自定义组件

推荐阅读:


扫描二维码,在手机上阅读