鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue 指令directive如何接受多個(gè)參數(shù)？

vue 指令directive如何接受多個(gè)參數(shù)？

假設(shè)我有一個(gè)只能輸入數(shù)字的input，并且長(zhǎng)度和小數(shù)點(diǎn)后位數(shù)有限制，那么我就需要兩個(gè)參數(shù)了，我該如何傳遞和指令里面獲取呢？

下面是我傳遞一個(gè)參數(shù)或獲取的代碼，如下：

<input type="text" v-spec-input='8'>
directives: {
    spec_input: {
        bind: function (el, binding) {
            //獲取
            console.log(binding.value)
        }
    },
}
回答
編輯回答
心上人

參數(shù)以對(duì)象或數(shù)組的方式傳遞

2017年12月27日 14:46
編輯回答
我以為

對(duì)象的形式傳進(jìn)去

2018年6月8日 13:18
編輯回答
祉小皓

謝謝大伙，我找到了

<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!"
})
2017年8月30日 05:45
編輯回答
風(fēng)清揚(yáng)
<input type="text" numberLength='8' pointLength='3'>
directives: {
    spec_input: {
        bind: function (el, binding) {
            //獲取
            console.log(el.attributes.numberLength.value,el.attributes.pointLength.value )
        }
    },
}

這樣應(yīng)該可以。

2018年5月1日 10:24