vue 儲存時清空iuput vue批量清空文字框

2021-10-13 08:10:52 字數 576 閱讀 3939

在el-dialog 對話方塊中經常會輸入一些資訊,但是在關閉的時候我們需要清空輸入的資訊,如果不清空下次開啟資訊會存在

資料結構

data() {

return {

message: "1",

testdialog:{

dialo**isible:false,

input1:"",

input2:""

第一種方法 :採用迴圈方式

clearvirtualdriveclearinfo(obj) {

for (let key in obj) {

if (key != "dialo**isible") {

obj[key] = "";

第二種方式 :採用this.$options.data().testdialog 獲取 vue 例項的初始化資料

this.testdialog = this.$options.data().testdialog // 清空的一種方法

object.assign(this.testdialog,this.$options.data().testdialog) 清空的另一種方法

查詢時,清空checkbox

checkbox的清空分兩步 清空打勾樣式和清空pages屬性qu project state的值 設定checkbox樣式上的非選中,清空pages屬性qu project state的值 qu project state1 checked false qu project state2 chec...

解決vuex儲存的資料重新整理頁面時清空

關於頁面重新整理導致vuex store 裡面的資料消失問題,解決思路 通過監聽頁面重新整理或者關閉來將 vuex 裡面的資料儲存到 sessionstorage 裡,在頁面載入時讀取 sessionstorage 裡的狀態資訊,更新 vuex 的資料 方法一 參考文章 vuex中store儲存的資...

vue儲存storage時含有布林值的問題

今天遇到乙個問題,需要將後台返回的true和false存到storage中去,然後用儲存的這個值進行邏輯判斷,但是一直判斷都是錯誤的,後面查閱了一下資料才發現 在localstorage中儲存資料的時候,儲存的boolean值都會變成字串,而不是剛開始儲存進去的boolean值 都變成了字串 那麼怎...