久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

解決vue項目input輸入框雙向綁定數據不實時生效問題

瀏覽:132日期:2022-12-15 18:51:31

我就廢話不多說了,大家還是直接看代碼吧~

<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 v-for='(bb,index2) in cc.content' :key='index2'>

(出問題的寫法)

<div 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輸入框雙向綁定數據不實時生效問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 麻城市| 温泉县| 永年县| 淳安县| 墨脱县| 绥芬河市| 定远县| 福贡县| 疏附县| 黔西| 东源县| 泗水县| 邳州市| 南投县| 南宁市| 法库县| 华池县| 温州市| 广元市| 安远县| 渭源县| 武强县| 上犹县| 昌邑市| 宣汉县| 区。| 文安县| 铜陵市| 巫山县| 延长县| 竹北市| 大兴区| 西乌| 鄯善县| 若羌县| 南昌市| 桦南县| 高台县| 甘孜县| 微博| 平塘县|