美文网首页
引入element-ui的步骤,vue轮播图的注意事项

引入element-ui的步骤,vue轮播图的注意事项

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:17 被阅读0次

1.element-ui的步骤如图所示:

注意:在引入是一定要注意引入css的路径,就从element-ui开始找看看没一个嵌套关系的文件夹名是不是一直,例外在最新版本的element-ui中theme-default就应该被改为theme-chalk

2.轮播图的注意事项:

引入步骤:1.在github中搜索vue-awesome-swiper

                2.cnpm install vue-awesome-swiper --save-dev

                3.在main.js 中引入:

                4.最后使用Vue.use(VueAwesomeSwiper)

注意事项:代码在本网页中都有,但是有许多代码都是多余的,因此没有必要全部粘贴过来,精简后的代码如下:

特别需要注意的是默认的轮播是垂直的,如果想改为水平,那么需要将direction: 'horizontal',

相关文章

网友评论

      本文标题:引入element-ui的步骤,vue轮播图的注意事项

      本文链接:https://www.haomeiwen.com/subject/eqgpmxtx.html