1. 程式人生 > >vue 頁面回顯後臺傳回的資料,且頁面資料不清空

vue 頁面回顯後臺傳回的資料,且頁面資料不清空

當我們在用vue的時候,有的時候我們需要在jsp上回顯從後臺傳回來的資料,但是這時候就會發現,大家利用

$("#").val();

這種方法給頁面上的input賦值的時候,資料的確是賦值給了你想要的那個input中了,但是當我們再在這個頁面中填資料的時候,你賦值的那個input的value就會消失,一開始以為是form表單給清空了,後來把form標籤刪掉了,還是出現了那個value值不見了的問題,經過測試,發現只有當

<input type="hidden" id="userId" name="userId"  v-model="vueObj.userId" />

在vue裡面的時候才會出現,賦值的input的value消失,所以我猜測是new vue的時候,定義的那個model空的,所以每次都會利用v-model給input賦值為空,但是又不能把這個隱藏的input放在vue外邊,如果放在外邊的話,就沒辦法對他進行vue的操作,這時,我用了這樣一種方法來替換$("#").val();這種方法,就是利用

Vue.set(target,key,value);

來給目標類中的物件賦值,這樣就解決問題了!