成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vant DatetimePicker 踩坑筆記

sihai / 2242人閱讀

摘要：是有贊出的一個(gè)基于的組件庫。最近要做一個(gè)滾動選擇日期的日歷找到了它，感覺文檔不夠細(xì)致，缺少足夠的代碼。一開始我只使用了設(shè)置選中值，結(jié)果發(fā)現(xiàn)當(dāng)前選項(xiàng)內(nèi)容改了但是其它選項(xiàng)全部消失，所以還得加上重新設(shè)置一遍被選值。可查看實(shí)例詳細(xì)信息。

vant是有贊出的一個(gè)基于vue的組件庫。
最近要做一個(gè)滾動選擇日期的日歷找到了它，感覺文檔不夠細(xì)致，缺少足夠的demo代碼。
以下是我的踩坑之處：

Events事件的綁定
*事件名 說明 回調(diào)參數(shù) 用法
change 當(dāng)值變化時(shí)觸發(fā)的事件 picker 實(shí)例 @change="changeXX"
confirm 點(diǎn)擊完成按鈕時(shí)觸發(fā)的事件 當(dāng)前 value @confirm="confirmXX"
cancel 點(diǎn)擊取消按鈕時(shí)觸發(fā)的事件 - @cancel="cancelXX"*

change事件的注意事項(xiàng)
在change事件中，可以獲取到picker實(shí)例，對picker進(jìn)行相應(yīng)的更新等操作：
*函數(shù) 說明
getColumnValue(index) 獲取對應(yīng)列中選中的值
setColumnValue(index, value) 設(shè)置對應(yīng)列中選中的值
getColumnValues(index) 獲取對應(yīng)列中所有的備選值
setColumnValues(index, values) 設(shè)置對應(yīng)列中所有的備選值
getValues() 獲取所有列中被選中的值，返回一個(gè)數(shù)組
setValues(values) values為一個(gè)數(shù)組，設(shè)置所有列中被選中的值*

其中setColumnValue(index, value)和setColumnValues(index, values)必須一起使用。
一開始我只使用了setColumnValue設(shè)置選中值，結(jié)果發(fā)現(xiàn)當(dāng)前選項(xiàng)內(nèi)容改了但是其它選項(xiàng)全部消失，所以還得加上setColumnValues重新設(shè)置一遍被選值。
ps:change(picker){console.log(picker)}可查看實(shí)例詳細(xì)信息。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104261.html

相關(guān)文章

  • 記 vue 移動端開發(fā) 中的經(jīng)驗(yàn)(2)

    摘要：官網(wǎng)還不斷的訪問不了。在此推薦一個(gè)移動端庫按需引入二次封裝組件列表的下拉刷新和上拉加載更多是移動端必須的組件。不用寫死高度了，并且兼容對外提供了更加簡明易用的刷新，回到頂部，獲得和設(shè)置滾動條位置的方法統(tǒng)一的提示，免去重復(fù)代碼。 按需引入mint-ui 本項(xiàng)目用了 mint-ui 作為基礎(chǔ)ui框架，在使用中遇到不少問題。官網(wǎng)doc 還不斷的訪問不了。不過還是很感謝 mint-ui 團(tuán)隊(duì)。...

    Flands 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

  • bootstrap datetimepicker日期插件美化

    摘要：需求日期面板默認(rèn)展開可以根據(jù)點(diǎn)擊的日期，處理額外的信息，如在這天記錄一些信息等大部分的日期插件日期面板是隱藏的，點(diǎn)擊的時(shí)候日期面板顯示，基于的日期插件如果是在元素上實(shí)例化插件的情況，面板是顯示的，在上面板則是隱藏的。 需求： （1）日期面板默認(rèn)展開 （2）可以根據(jù)點(diǎn)擊的日期，處理額外的信息，如在這天記錄一些信息等 大部分的日期插件日期面板是隱藏的，點(diǎn)擊input的時(shí)候日期面板顯示，基于...

    ninefive 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<