在vant中，使用時(shí)間選擇器并不像element那樣，選擇時(shí)間以后內(nèi)容就會(huì)直接展示出來，在官方給的例子里，使用van-cell作為點(diǎn)擊事件的觸發(fā)器，然后觸發(fā)事件展示彈出框。
這樣就會(huì)有一個(gè)問題。我們選擇完時(shí)間的內(nèi)容并不會(huì)被展示在cell的組件上，那么如何讓選擇的時(shí)間能展示出來呢，這里我們提供兩種方法：
①插槽：cell組件自帶插槽，我們需要?jiǎng)h除展示彈出層幾個(gè)字，額外給van-cell一個(gè)title屬性=‘展示彈出層’，然后把展示彈出層作為內(nèi)容來展示我們的數(shù)據(jù)。
②改變思路，我們只是需要一個(gè)點(diǎn)擊事件觸發(fā)彈出層，而修改內(nèi)容的事件在彈出層內(nèi)，也就是說van-cell是什么其實(shí)關(guān)系不大，那么我們就可以用最簡單的input輸入框+readonly只讀屬性就可以。讓input觸發(fā)彈出框，修改input內(nèi)容，用戶只能觸發(fā)點(diǎn)擊事件而不能手動(dòng)刪改時(shí)間內(nèi)容。
具體使用那種方法都可以，反正都得改css。
上一篇： 富文本編輯器處理違禁詞的檢測和展示
下一篇： 純前端如何判斷是否含有違禁詞？
