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>就不行了:(虽然有内容,但是不正常)

clipboard.png

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

clipboard.png

结果还是不行:

clipboard.png

阅读 2.7k
1 个回答

试试this.el.value = ...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题