代碼實現(xiàn)效果
不好意思視頻上傳不成功看鏈接https://www.douyin.com/video/7158792800564235527文章來源:http://www.zghlxwxcb.cn/news/detail-400840.html
代碼實現(xiàn)思路
注:借鑒官網(wǎng):鏈接: https://element.eleme.cn/#/zh-CN/component/carousel這里有更多的我們需要的框架文章來源地址http://www.zghlxwxcb.cn/news/detail-400840.html
1.首先要安裝插件npm i element-ui -S
2.在你的vue項目文件下main.js里引入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.config.productionTip = false
3.在你展示的組件里引用插件(根據(jù)官網(wǎng)鏈接的代碼改動)
到了這里,關(guān)于用Element-UI框架寫輪播圖,左右箭頭點擊輪播,下方小錨點對應(yīng)輪播的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!