先上圖豪墅,看下實際效果:
step1:先安裝driver插件,npm install driver.js
step2:在main.js文件中引入,這樣就可以全局使用贴膘,也可以僅在當前使用頁面中引入。我這里采用的是在main.js文件中引入略号,代碼如下:
step3:新建一個step.js文件刑峡,專門放提示框里的內(nèi)容。
step4:在使用該引導提示的vue頁面引入方法玄柠。注意:給需要步驟提示加入id 突梦,并且命名要與? ? ? ? ? ? ? step.js文件中的element對應的值名稱保持一致。
這樣就可以實現(xiàn)最開始的截圖效果啦~