具有相同自定义指令vuejs的多个Elements

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指令访问所有按钮！怎么可能？

Answer 1

按照有关自定义指令的 Vuejs 文档，我将像这样访问所有它们：

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