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