最近新做的一個項(xiàng)目有這樣一個內(nèi)容，一個滑塊，上邊有一個氣泡，隨著滑塊的滑動，氣泡不斷地變化數(shù)據(jù)，這里我們需要用到vant的插件，silder滑塊，要實(shí)現(xiàn)這樣的功能，我們需要需要使用自定義滑塊。
實(shí)現(xiàn)原理也非常的簡單，就是vue的插槽。我們直接在其中寫#button和按鈕的樣式即可。
可以設(shè)置border-radius，設(shè)置為圓形。如果要實(shí)現(xiàn)氣泡跟隨，需要使用定位來實(shí)現(xiàn)。定位到按鈕的上方，并使用偽元素設(shè)置三角形，放到氣泡下方更美觀。
以下為實(shí)現(xiàn)效果：
了解更多vue知識點(diǎn)擊這里。
下一篇： VUE中重要的定時器寫法--輪詢
