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

2021-08-29 10:14:43 字數 557 閱讀 2100

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

$("#").val();

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

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

vue.set(target,key,value);

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

將後台傳來的資料回顯到Layui開關中

後台 springboot 前端 layui 情況 前端有乙個資料 中的ismanager列是乙個開關。後台返回乙個ismanager資料,值為1或0,根據這個值是0還是1回顯到layui的開關中的on或者off 參考自 layui admin table 中根據後台資料動態渲染switch開關 首...

頁面登入的使用者名稱的回顯

在登入頁面拿到登入的資訊放到usersession中 頁面可以直接點 div class top wrap div class top div class top left c if test span 請 a href fg login.html title class login 登入 a a ...

vue中元件資料回顯後無法清空

這種情況一般出現在 父元件 傳值給 子元件,我們通過props接收子元件的值,在子元件內進行回顯,回顯完成後進行清空,發現清空不了。在這種時候我們要記住在子元件是不能更改父元件的值的。有兩種方法可以幫助我們清空這個值。1 比較暴力的方法,我們將從父元件獲取到的值重新深複製乙份,在子元件裡使用新的資料...