国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vant DatetimePicker 踩坑筆記

sihai / 2195人閱讀

摘要:是有贊出的一個基于的組件庫。最近要做一個滾動選擇日期的日歷找到了它,感覺文檔不夠細致,缺少足夠的代碼。一開始我只使用了設置選中值,結果發現當前選項內容改了但是其它選項全部消失,所以還得加上重新設置一遍被選值。可查看實例詳細信息。

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

Events事件的綁定
*事件名 說明 回調參數 用法
change 當值變化時觸發的事件 picker 實例 @change="changeXX"
confirm 點擊完成按鈕時觸發的事件 當前 value @confirm="confirmXX"
cancel 點擊取消按鈕時觸發的事件 - @cancel="cancelXX"*

change事件的注意事項
在change事件中,可以獲取到picker實例,對picker進行相應的更新等操作:
*函數 說明
getColumnValue(index) 獲取對應列中選中的值
setColumnValue(index, value) 設置對應列中選中的值
getColumnValues(index) 獲取對應列中所有的備選值
setColumnValues(index, values) 設置對應列中所有的備選值
getValues() 獲取所有列中被選中的值,返回一個數組
setValues(values) values為一個數組,設置所有列中被選中的值*

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104261.html

相關文章

  • 記 vue 移動端開發 中的經驗(2)

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

    Flands 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

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

    sutaking 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

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

    khs1994 評論0 收藏0
  • bootstrap datetimepicker日期插件美化

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

    ninefive 評論0 收藏0

發表評論

0條評論

sihai

|高級講師

TA的文章

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