亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue中data數據無法同步到視圖的問題?謝謝哈~

vue中data數據無法同步到視圖的問題?謝謝哈~

一只名叫tom的貓 2019-08-17 10:55:41
我預實現的效果是:根據pushData數據自動創建表單并根據每個表單的不同綁定不同的方法,比如手機表單可以做到驗證號碼,姓名表單可以驗證姓名規則等等目前遇到一個問題,就是在手機表單中通過輸入觸發iserr屬性,無法同步到視圖顯示請問這是什么原因導致的呢?我的的代碼如下:exportdefault{data(){return{pushArray:[],pushData:{//表單中涉及的數據user:{name:'姓名',type:'text'},phone:{name:'手機',type:'text'},company:{name:'公司',type:'text'}}}},created(){//在模板渲染成html前調用,即通常初始化某些屬性值,然后再渲染成視圖letthat=thisfor(letiteminthis.pushData){//數據篩選letdataType=that.pushData[item]dataType.iserr=falseswitch(dataType.type){case'text'://typeText(dataType,dataName)dataType.fun=function(e){dataType.val=e.target.value//問題:通過輸入出發iserr改變,并控制input的class顯示,但是無法同步到視圖dataType.iserr=true//that.$set(that.pushData[item],'iserr',true)}break}}}}
查看完整描述

2 回答

?
HUWWW

TA貢獻1874條經驗 獲得超12個贊

初始化iserr為false的時候使用this.$set(this.pushData[item],'iserr',false)觸發的時候有也要this.$set(this.pushData[item],'iserr',true)
                            
查看完整回答
反對 回復 2019-08-17
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

created(){
letthat=this;
for(letiteminthis.pushData){
this.$set(that.pushData[item],"iserr",false);
switch(that.pushData[item].type){
case"text":
that.pushData[item].fun=function(e){
that.pushData[item].val=e.target.value;
that.$set(that.pushData[item],"iserr",true);
};
break;
}
}
}
                            
查看完整回答
反對 回復 2019-08-17
  • 2 回答
  • 0 關注
  • 331 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號