鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue封裝的組件中如何接收directives指令參數(shù)？

vue封裝的組件中如何接收directives指令參數(shù)？

自己寫了一個(gè)輸入框組建base-input，主要集中管理樣式和一些ui邏輯。隨著業(yè)務(wù)的擴(kuò)展，需要定制輸入框可以輸入的類型，現(xiàn)在我寫了一個(gè)指令'only-num'，在調(diào)用方調(diào)用 base-input的時(shí)候如何把這個(gè)指令從外部傳遞進(jìn)來呢？

回答
編輯回答
念初

不需要指令，而是props

2017年1月9日 19:02
編輯回答
赱丅呿

我覺得可以不需要通過指令的形式，可以直接傳props ，再在組件內(nèi)寫相應(yīng)的邏輯就成了

2018年4月10日 18:19
編輯回答
局外人

自定義鉤子--https://cn.vuejs.org/v2/guide...
arg：傳給指令的參數(shù)，可選。例如 v-my-directive:foo 中，參數(shù)為 "foo"。
Vue.directive('demo', {
bind: function (el, binding, vnode) {

var s = JSON.stringify
el.innerHTML =
  'name: '       + s(binding.name) + '<br>' +
  'value: '      + s(binding.value) + '<br>' +
  'expression: ' + s(binding.expression) + '<br>' +
  'argument: '   + s(binding.arg) + '<br>' +
  'modifiers: '  + s(binding.modifiers) + '<br>' +
  'vnode keys: ' + Object.keys(vnode).join(', ')

}
})

2017年7月23日 12:06