write an input box to build base-input , which focuses on managing styles and some ui logic. As the business expands, I need to customize the types that can be entered in the input box. Now I have written an instruction "only-num", how to pass this instruction from the outside when the caller calls base-input ?
Custom hook-- ide/custom-directive.html" rel=" nofollow noreferrer "> https://cn.vuejs.org/v2/guide.
arg: the parameter passed to the instruction, optional. For example, in v-my-directive:foo, the parameter is "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(', ')}
})
I think it is possible to send props directly without instructions, and then write the corresponding logic in the component
does not need instructions, but props
suppose I have an input, that can only enter numbers, and the length and the number of decimal places are limited, so I need two parameters. How can I pass it and get it in the instruction? here is the code that I pass a parameter or get, as follows: ...
...
the code is as follows: <no-ssr placeholder="" v-highlight> {{mycode}}<code style="atom-one-dark" :class="myCodeClass">{{mycode}} < no-ssr > const hljs = require( highlight.js ); Vue.directive(...