無法在Vue JS中訪問指令參數

Question

Vue.directive('selecttwo', {
  params: ['taskId'],
  bind: function () {
    var self = this;
    $(this.el)
      .select2()
      .on('change', function () {
        self.set(this.value);
        if (!this.name.match(/[a-z]/i)) {
            console.log('task-id->'+self.params.taskId); // task-id->undefined
        }
      })
  },
});

如何在onchange事件上獲取params.taskId ？ 我已經嘗試過this.params.taskId ，但是我仍然不確定。

Answer 1

也許您可以粘貼HTML代碼，這將有助於發現問題。

我猜您的html屬性名稱不正確，在vue中，js使用“ camelCase”， 但是 html使用“ kebab-case”，請嘗試如下操作：

<span task-id="i am id" v-selecttwo >