我預實現的效果是:根據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}}}}
vue中data數據無法同步到視圖的問題?謝謝哈~
一只名叫tom的貓
2019-08-17 10:55:41