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