vue 指令directive如何接受多个参数？

Question

假设我有一个只能输入数字的input，并且长度和小数点后位数有限制，那么我就需要两个参数了，我该如何传递和指令里面获取呢？

下面是我传递一个参数或获取的代码，如下：

<input type="text" v-spec-input='8'>

directives: {
    spec_input: {
        bind: function (el, binding) {
            //获取
            console.log(binding.value)
        }
    },
}        

Answer 1

谢谢大伙，我找到了

<div v-demo="{ color: 'white', text: 'hello!' }"></div>

Vue.directive('demo', function (el, binding) {
  console.log(binding.value.color) // => "white"
  console.log(binding.value.text)  // => "hello!"
})

Answer 2

对象的形式传进去

Answer 3

<input type="text" numberLength='8' pointLength='3'>

directives: {
    spec_input: {
        bind: function (el, binding) {
            //获取
            console.log(el.attributes.numberLength.value,el.attributes.pointLength.value )
        }
    },
}      

这样应该可以。

Answer 4

参数以对象或数组的方式传递