Vue 的自定义指令

 // 自定义指令
 directives: {
  // 指令名称:v-test
  test: {
   bind(el, binding, vnode) {
    // 初始化时触发,只触发一次,这里可以放dom的样式相关的内容
    console.log(binding)
   },
   inserted(el, binding, vnode) {
    // 在插入dom时触发,同样只触发一次, 这里可以放js相关的内容
    el.innerHTML = binding.value
   },
   update(el, binding, vnode, oldVnode) {
    // dom更新时触发,可多次触发
    el.innerHTML = binding.value
   },
  },
 },

 

posted @ 2021-08-12 09:39  yw3692582  阅读(25)  评论(0编辑  收藏  举报