具有相同自定義指令 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指令訪問所有按鈕！ 怎么做到呢？

Answer 1

在自定義指令的 Vuejs 文檔之后，我會像這樣訪問它們：

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