上一章我們實(shí)現(xiàn)了ElementUI時(shí)間選擇器圖標(biāo)的修改,但是用vfor渲染后臺(tái)數(shù)據(jù)后,效果又清空了,可能與vue的組件渲染的生命周期有關(guān)。
接著又查看了它的官方文檔,發(fā)現(xiàn)有自帶兩個(gè)操作圖標(biāo)的方法。
將時(shí)間圖標(biāo)改為日歷圖標(biāo),然后利用vue樣式穿透::v-deep修改圖標(biāo)位置
修改成功,效果圖如下:
此時(shí)還有一個(gè)問(wèn)題,日期圖標(biāo)與clearable清除圖標(biāo)重疊,如圖:
這可以用鼠標(biāo)經(jīng)過(guò)display:none解決。
關(guān)鍵詞: