v distpicker重置資料的問題

2022-06-01 15:48:15 字數 1843 閱讀 3497

最近在做公司的乙個專案，裡面用到了位址選擇，所以引入了v-distpicker，但是在使用的時候遇到了一些問題。

廢話不多說，上**：

html：

<


div 


class


="addresscheckbox"


>


<


v-distpicker 


="addresscheck"


:province


="regform.comaddress.province"


:city


="regform.comaddress.city"


:area


="regform.comaddress.area"


@selected


="addresschecked"


>


v-distpicker


>    // @selected方法是當 省-市-區全部選擇完成後觸發的方法


div>
data：

data () }}


}
js方法：

// v-distpicker的方法，當「區」選中後執行


addresschecked (data) 


// 表單的清空方法


regreset ()
結果發現只有省-市-區全部選中的時候才可以執行清空操作，然後排查了一下原因，最後發現只有把 v-distpicker的幾個事件改變方法寫全並把選擇的資料賦值到data，才可以實現只有「省」或者「省-市」選擇時候的清空操作。所以猜測 v-distpicker 的值繫結並不是雙向資料繫結


:province="regform.comaddress.province":city="regform.comaddress.city":area="regform.comaddress.area"
下面是修改完之後的**：


html：


<


div 


class


="addresscheckbox"


>


<


v-distpicker 


="addresscheck"


:province


="regform.comaddress.province"


:city


="regform.comaddress.city"


:area


="regform.comaddress.area"


@selected


="addresschecked"


@province


="onchangeprovince"


@city


="onchangecity"


@area


="onchangearea"


>


v-distpicker


>


div>


js方法：


onchangeprovince (data) ,


onchangecity (data) ,


onchangearea (data) ,


addresschecked (data) 


以上就是使用的時候遇到的問題，有不對的地方還望看到的大佬指正。


另外還有乙個問題未解決：


位址選擇後邊框變黑，跟其他表單樣式不怎麼匹配。


然後看了除錯的樣式，並沒有找到active和focus的樣式，ie中就正常，不知道是不是瀏覽器渲染的問題。
				
vue 重置vuex資料
有時候在我們把資料儲存下來的時候,在某個時候需要移除這些資料卻不知道怎麼移除了 下面我有一些自己的方法 一 dispatch重新賦值 store.js const actions targetuser vue頁面 賦空值 methods 方法二 在actions定義乙個方法 const action...

				
重置整個WSUS資料庫
使用wsusutil reset重置整個wsus資料庫 如何重置 1 更正上述任何設定或拒絕任何不需要的更新。2 關閉所有開啟的wsus控制台。3 轉到 管理工具 服務 並停止 更新服務 服務。4 在windows資源管理器中，瀏覽到wsuscontent資料夾 通常為d wsus wsuscont...

				
Vue重置當前頁面資料
問題 在做乙個列表頁面的時候，有一些input或select作為篩選條件來查詢，加了乙個重置功能，要清空這些資料 使用了vue的這個方法來清除object.assign this.data.params,this.options.data params 重置時發現在報錯，報錯原因是params裡面有...