Vue指令已调用但未更新值

Question

我下面的uppercase指令与<input>正常工作：

<input
  type="text"
  v-model="foo"
  v-uppercase
>

但是由于某些原因，它不适用于<b-form-input>：

<b-form-input
  type="text"
  v-model="foo"
  v-uppercase
></b-form-input>

uppercase指令：

  directives: {
    uppercase: {
      update: function (el) {
        el.value = el.value.toUpperCase();
      }
    }
  }

我的代码有什么问题吗？我应该如何解决？

Answer 1

“ el”参数在直接操作DOM时很有用。在这里您想操纵boots-vue组件，我认为您应该使用vnode参数。您可以检查文档中的所有Directive Hook Arguments。