溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
我就廢話不多說了，大家還是直接看代碼吧~
<input type="text" maxlength="11" placeholder="請輸入聯系人電話" v-model="form.phone" />
這樣的輸入框，綁定的是data中的form對象上的phone字段。
在mounted鉤子函數里邊寫：
this.form.phone = '1888888888';
這樣在頁面上時候不會隨著輸入框值改變而改變。
解決方法如下：
this.$set(this.form,"phone",this.$route.query.mobile)
或者綁定到data里邊的一個字符串，也是可以解決的
補充知識：vue模塊自動化腳本編譯失敗module not found
vue的for循環改了key值出現了這樣的問題。
開始的寫法（沒出問題）
<div v-for="(item,index) in infos.visitStockReport" :key="index">
（出問題的寫法）
<div v-for="(item) in infos.visitStockReport" :key="item.id">
開始的寫法（沒出問題）
<div class="record-info" v-for="(bb,index2) in cc.content" :key="index2">
（出問題的寫法）
<div class="record-info" v-for="(bb) in cc.content" :key="bb.contentName">
解決方法：
1.可以把代碼回退到原來 的，只有控制臺waring，兩個循環都是以index為key，并不影響正常的編譯和運行。
找到了真正的原因：
v-for="(bb) in cc.content"這種寫法的問題。
刪掉了index那么也不需要括號了。
改成v-for="bb in cc.content"就好了。
以上這篇解決vue項目input輸入框雙向綁定數據不實時生效問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
