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裡面有...