javascript - 具有相同自定义指令 vuejs 的多个元素

Question

嘿，我的页面中有一些具有相同自定义指令但值不同的元素。

我想使用该指令获取所有元素来处理它们。

当我使用此代码时：

Vue.directive('can', function (value) {
    console.log(value)
})

它只是给了我can指令的第一个元素，而不是全部，所以我如何才能获得can指令的所有元素？！

更新：我的元素是这样的：

<button v-can="'register-permission'">Register</button>
<button v-can="'buy-permission'">Buy</button>
<button v-can="'Sell-permission'">Sell</button>

我想使用v-can页面中的指令访问所有按钮！怎么做到呢？

score 0 · Accepted Answer

在自定义指令的 Vuejs 文档之后，我会像这样访问它们：

Vue.directive('can', {
  bind: function (el, binding, vnode) {
    console.log(binding.expression)
  }
})

1 回答 1