无法在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
        }
      })
  },
});

如何在params.taskId事件中获得onchange？我已经尝试了this.params.taskId，但我仍然未定义。

Answer 1

也许你可以粘贴你的html代码，这有助于找到问题。

我猜您的html属性名称不正确，在vue中，js使用“camelCase”，但 html使用“kebab-case”，请尝试这样：

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