歡迎訪問我的博客https://qqqww.com/，祝碼農(nóng)同胞們早日走上人生巔峰，迎娶白富美~~~

@TOC

1 前言

v-model雙向數(shù)據(jù)綁定，@input輸入觸發(fā)事件，不多贅述，今天在書上看到一個，假如輸?shù)氖菨h字，用v-model去綁定數(shù)據(jù)的時候，當(dāng)還沒有敲下漢字的時候，假如還是在拼音階段的時候就不會實時更新，所以使用@input去綁定事件，來實現(xiàn)實時顯示漢字

2 代碼

<template>
    <div>
        <input type="text" @input="handleInput">
        <p>{{ value }}</p>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                value:''
            }
        },
        methods:{
            // 如果想總實時更新的話 可以使用@input
            handleInput: function (e) {
                this.value = e.target.value
            }
        }
    }
</script>