Vue自定义指定

96 阅读1分钟

函数写法:

截图.png

问题:element.focus()不会起作用

因为自定义指令的函数写法只在

  1. 指令与元素成功绑定时被调用
  2. 指令所在的模板被重新解析时被调用

input元素还没有出现在页面上(document.body.appendChild(input))是在调用focus之前的

截图.png

解决办法:对象写法:

截图.png

  1. element:使用指令的元素(如 binding绑定的元素属性)
  2. bind:指令与元素成功绑定时
  3. inserted:指令所在元素被插入页面时