欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用van-picker?動(dòng)態(tài)設(shè)置當(dāng)前選中項(xiàng)

 更新時(shí)間:2022年10月13日 15:25:41   作者:codezha  
這篇文章主要介紹了使用van-picker?動(dòng)態(tài)設(shè)置當(dāng)前選中項(xiàng)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

van-picker 動(dòng)態(tài)設(shè)置當(dāng)前選中項(xiàng)

使用vant-field和van-picker、van-popup組合實(shí)現(xiàn)單選類型表單時(shí),通常我們需要pick每次顯示時(shí),默認(rèn)選中的是當(dāng)前有效值,但往往會(huì)出現(xiàn)這樣的情況

我們可以在沒法顯示picker的時(shí)候,動(dòng)態(tài)設(shè)置當(dāng)前選中項(xiàng),代碼示例如下

//pick中指定ref屬性為myPicker
//currentIndex為當(dāng)前有效值對(duì)應(yīng)的索引值
this.$refs.myPicker.setColumnIndex(0, currentIndex)

setColumnIndex有兩個(gè)參數(shù),第一個(gè)參數(shù)columnIndex代表的是列索引值,如果不涉及多列聯(lián)動(dòng),默認(rèn)為0;第二個(gè)參數(shù)optionIndex代表的要設(shè)置的有效索引值

van-picker 選擇器空白問題

van-picker綁定的數(shù)據(jù)實(shí)在store里,在store里數(shù)據(jù)格式也是正確的,但是到頁面里picker的選擇項(xiàng)就是全空白,

在該路由中將該組件的keepalive設(shè)為了true,所以從別的頁面回來的時(shí)候,picker綁定的數(shù)據(jù)不會(huì)重新獲取,而該組件在初始的created里將picker的數(shù)據(jù)項(xiàng)寫為了空數(shù)組,此時(shí)只需要在activated生命周期里重新給picker綁定的數(shù)據(jù)重新進(jìn)行取值操作即可。

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue?nextTick獲取更新后的DOM的實(shí)現(xiàn)

    Vue?nextTick獲取更新后的DOM的實(shí)現(xiàn)

    本文主要介紹了Vue?nextTick獲取更新后的DOM的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-01-01
  • vue.js中修飾符.stop的用法解析

    vue.js中修飾符.stop的用法解析

    這篇文章主要介紹了vue.js中修飾符.stop的用法解析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-03-03
  • vue中倒計(jì)時(shí)組件的實(shí)例代碼

    vue中倒計(jì)時(shí)組件的實(shí)例代碼

    這篇文章主要介紹了vue中倒計(jì)時(shí)組件的實(shí)例代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-07-07
  • vue項(xiàng)目中api接口管理總結(jié)

    vue項(xiàng)目中api接口管理總結(jié)

    本篇文章給大家介紹了vue項(xiàng)目中API接口管理的相關(guān)知識(shí)點(diǎn),以及相關(guān)JS代碼分析,有興趣的朋友參考下。
    2018-04-04
  • 詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題

    詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題

    下面小編就為大家分享一篇詳談vue+webpack解決css引用圖片打包后找不到資源文件的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • vue.extend實(shí)現(xiàn)alert模態(tài)框彈窗組件

    vue.extend實(shí)現(xiàn)alert模態(tài)框彈窗組件

    這篇文章主要為大家詳細(xì)介紹了vue.extend實(shí)現(xiàn)alert模態(tài)框彈窗組件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-04-04
  • vue3使用viewer的詳細(xì)用法舉例

    vue3使用viewer的詳細(xì)用法舉例

    viewer.js用于圖片瀏覽的Vue組件,支持旋轉(zhuǎn)、縮放、翻轉(zhuǎn)等操作,這篇文章主要給大家介紹了關(guān)于vue3使用viewer的詳細(xì)用法,文中通過代碼介紹是非常詳細(xì),需要的朋友可以參考下
    2023-12-12
  • 手寫Vue彈窗Modal的實(shí)現(xiàn)代碼

    手寫Vue彈窗Modal的實(shí)現(xiàn)代碼

    這篇文章主要介紹了手寫Vue彈窗Modal的實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09
  • vue中el-table實(shí)現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)

    vue中el-table實(shí)現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)

    本文主要介紹了vue中el-table實(shí)現(xiàn)穿梭框(數(shù)據(jù)可以上移下移),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-06-06
  • vue如何給element-ui中的el-tabs動(dòng)態(tài)設(shè)置label屬性

    vue如何給element-ui中的el-tabs動(dòng)態(tài)設(shè)置label屬性

    這篇文章主要介紹了vue如何給element-ui中的el-tabs動(dòng)態(tài)設(shè)置label屬性,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08

最新評(píng)論