久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

29
2024/11

vant時間選擇器如何配合彈出層顯示

發(fā)布時間:2024-11-29 14:42:52
發(fā)布者:dzw
瀏覽量:
0

    在vant中,使用時間選擇器并不像element那樣,選擇時間以后內(nèi)容就會直接展示出來,在官方給的例子里,使用van-cell作為點擊事件的觸發(fā)器,然后觸發(fā)事件展示彈出框。

vant彈出層配合時間選擇器vant彈出層配合時間選擇器

    這樣就會有一個問題。我們選擇完時間的內(nèi)容并不會被展示在cell的組件上,那么如何讓選擇的時間能展示出來呢,這里我們提供兩種方法:

    ①插槽:cell組件自帶插槽,我們需要刪除展示彈出層幾個字,額外給van-cell一個title屬性=‘展示彈出層’,然后把展示彈出層作為內(nèi)容來展示我們的數(shù)據(jù)。

vant彈出層配合時間選擇器

    ②改變思路,我們只是需要一個點擊事件觸發(fā)彈出層,而修改內(nèi)容的事件在彈出層內(nèi),也就是說van-cell是什么其實關(guān)系不大,那么我們就可以用最簡單的input輸入框+readonly只讀屬性就可以。讓input觸發(fā)彈出框,修改input內(nèi)容,用戶只能觸發(fā)點擊事件而不能手動刪改時間內(nèi)容。

vant彈出層配合時間選擇器

    具體使用那種方法都可以,反正都得改css。


關(guān)鍵詞:
返回列表