将数据传递给指令？

Question

在文档中，它指出您可以将各种参数传递给指令。

所以我想传入一个值：

v-my-directive="test"

但我收到错误：

Property or method "test" is not defined on the instance but referenced during render

如何将字符串传递给指令？

Answer 1

该值是一个常规 JavaScript 表达式。这样，如果您想传递一个字符串，例如'test'，请使用：

v-my-directive="'test'"

演示：

v-my-directive="'test'"

Vue.directive('my-directive', function (el, binding) {
  console.log('directive expression:', binding.value)  // => "test"
})

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})