vue v-model中的实现原理
vue v-model中的实现原理通过v-bind + input事件来实现其实本质上是通过v-bind绑定value值,再通过input事件获取输入框的内容之后赋值给绑定的变量(这里例子是:msg)。<template><div><input type="text" v-bind:value="msg" @input="msg = $event.target.val
·
通过value + input事件来实现
其实本质上是通过v-bind绑定value值,再通过input事件获取输入框的内容之后赋值给绑定的变量(这里例子是:msg)。
<template>
<div>
<input type="text" v-bind:value="msg" @input="msg = $event.target.value">
</div>
</template>
<script>
export default {
name:"Input",
watch:{
msg(val) {
console.log('当前msg的值是:', val)
}
},
data(){
return{
msg: ''
}
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)