Vue-------自定义指令

Z_B_L2024-04-03 20:22

html部分:

html 复制代码

<el-button type="primary" v-lxt="asd" round>主要按钮</el-button>

js:

注意：js要小写v+首字母大写，自定义事件里面一定要有生命周期哦

javascript 复制代码

const vLxt = {
  created(el, binding, vnode, prevVnode) {
    el.addEventListener('click', function () {
      console.log(2143353);
    })
    console.log(el, 1);
    console.log(binding, 2);
    console.log(vnode, 3);
    console.log(prevVnode, 4);
  },
  // 在元素被插入到 DOM 前调用
  beforeMount() { },
  // 在绑定元素的父组件
  // 及他自己的所有子节点都挂载完成后调用
  mounted() { },
  // 绑定元素的父组件更新前调用
  beforeUpdate() { },
  // 在绑定元素的父组件
  // 及他自己的所有子节点都更新后调用
  updated() { },
  // 绑定元素的父组件卸载前调用
  beforeUnmount() { },
  // 绑定元素的父组件卸载后调用
  unmounted() { },
}

ヾ(￣▽￣)Bye~Bye~