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:
<input type="text" v-spec-input="8">directives: {
spec_input: {
bind: function (el, binding) {
//
console.log(binding.value)
}
},
} object is passed in
<input type="text" numberLength='8' pointLength='3'>directives: {
spec_input: {
bind: function (el, binding) {
//
console.log(el.attributes.numberLength.value,el.attributes.pointLength.value )
}
},
} this should work.
parameters are passed as objects or arrays
Thank you, everyone. I found
<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!"
})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 in...
...
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(...