歡迎訪問(wèn)我的博客https://qqqww.com/，祝碼農(nóng)同胞們?cè)缛兆呱先松鷰p峰淹接，迎娶白富美~~~
@TOC
1 前言
v-model雙向數(shù)據(jù)綁定，@input輸入觸發(fā)事件，不多贅述，今天在書上看到一個(gè)玻蝌，假如輸?shù)氖菨h字，用v-model去綁定數(shù)據(jù)的時(shí)候词疼，當(dāng)還沒(méi)有敲下漢字的時(shí)候俯树，假如還是在拼音階段的時(shí)候就不會(huì)實(shí)時(shí)更新，所以使用@input去綁定事件贰盗，來(lái)實(shí)現(xiàn)實(shí)時(shí)顯示漢字
2 代碼
<template>
<div>
<input type="text" @input="handleInput">
<p>{{ value }}</p>
</div>
</template>
<script>
export default {
data(){
return {
value:''
}
},
methods:{
// 如果想總實(shí)時(shí)更新的話 可以使用@input
handleInput: function (e) {
this.value = e.target.value
}
}
}
</script>
