elementUI時間日期選擇器更改小圖示的位置和icon

語言: CN / TW / HK

問題描述

產品經理說,想要把時間日期選擇器的的小圖示放在右側,並且不要小時鐘的圖示,換成日曆的圖示。於是乎先看一下官方文件有沒有插槽,沒有!好吧,那就直接操作DOM吧。

幸虧產品不懂技術,要不然會說我直接操作DOM浪費效能呢!其實操作這一點點DOM對瀏覽器效能的影響是可以忽略的。再者,咱公司的伺服器硬體也是槓槓的!

思路就是先通過css將時間日期選擇器左側的小鬧鐘隱藏起來,然後再插入一個小圖示元素並調整位置到右側即可。

我們先看一下效果圖:

效果圖

222.png

程式碼如下

```js

```

總結

在有些情況下,還是需要我們去直接操作dom的。在硬體快速迭代的現在,操作一點點dom基本上問題不大,但是還是要注意去優化效能,儘量使用vue提供的規則去操作虛擬dom,畢竟虛擬dom的效能還是很好的。所以vue官方強調的是儘量不要直接操作dom,並沒有說嚴禁操作dom,想想以前的jQuery,細品一下,彷彿明白了什麼...