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


這樣就會有一個問題。我們選擇完時間的內容并不會被展示在cell的組件上,那么如何讓選擇的時間能展示出來呢,這里我們提供兩種方法:
①插槽:cell組件自帶插槽,我們需要刪除展示彈出層幾個字,額外給van-cell一個title屬性=‘展示彈出層’,然后把展示彈出層作為內容來展示我們的數據。
![]()
②改變思路,我們只是需要一個點擊事件觸發彈出層,而修改內容的事件在彈出層內,也就是說van-cell是什么其實關系不大,那么我們就可以用最簡單的input輸入框+readonly只讀屬性就可以。讓input觸發彈出框,修改input內容,用戶只能觸發點擊事件而不能手動刪改時間內容。

具體使用那種方法都可以,反正都得改css。
上一篇: 富文本編輯器處理違禁詞的檢測和展示
下一篇: 純前端如何判斷是否含有違禁詞?



