vue.js - vue自定义指令，一定使用div吗？

问题描述

问 题

vue自定义指令，一定使用div吗？

定义指令

<script>
export default {
  directives: {
    '指令名字': {
      bind () {
        console.log('触发了绑定事件!')
      },
      update (value) {
        this.el.innerHTML =
          'name - ' + this.name + '<br>' +
          'expression - ' + this.expression + '<br>' +
          'argument - ' + this.arg + '<br>' +
          'modifiers - ' + JSON.stringify(this.modifiers) + '<br>' +
          'value - ' + value
      }
    }
  }
}
</script>

使用指令:

<div v-指令名字:hello.a.b="msg"></div>

但是当我想把<textarea>替换<div>就不行了:(虽然有内容，但是不正常）

尝试
按照外籍杰克的回答，把innerHTML替换为value:

结果还是不行：

解决方案

试试this.el.value = ...

这篇关于vue.js - vue自定义指令，一定使用div吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！