vue自定义指令,一定使用div吗?
定义指令
<script>
export default {
directives: {
'指令名字': {
bind () {
console.log('触发了绑定事件!')
},
update (value) {
this.el.innerHTML =
'name - ' + this.name + '<br>' +
'expression - ' + this.expression + '<br>' +
'argument - ' + this.arg + '<br>' +
'modifiers - ' + JSON.stringify(this.modifiers) + '<br>' +
'value - ' + value
}
}
}
}
</script>
使用指令:
<div v-指令名字:hello.a.b="msg"></div>
但是当我想把<textarea>
替换<div>
就不行了:(虽然有内容,但是不正常)
尝试
按照外籍杰克的回答,把innerHTML
替换为value
:
结果还是不行:
试试
this.el.value = ...