浅谈在vue中使用mint-ui swipe遇到的问题
2019-01-21 12:02
871 查看
使用步骤:
1.安装:npm install mint-ui -S
2.引入组件
// 完整引入import Vue from 'vue'; import Mint from 'mint-ui'; import "mint-ui/lib/style.css" Vue.use(Mint); // 按需引入 注意:和Element-ui类似,按需引入时需要借助babel-plugin-component插件 npm install babel-plugin-component -D 修改.babelrc{ "presets": [["es2015", { "modules": false }] ], "plugins": [["component", [{"libraryName": "mint-ui","style": true }]]] } import { Cell, Checklist } from 'minu-ui'; Vue.use(Cell); Vue.use(Checklist);
遇到的坑
1.轮播图是竖向的
忘记引入样式文件了import "mint-ui/lib/style.css"
2.轮播图不显示
需要在swipe所在组件的style中设定swipe容器的宽高
以上这篇浅谈在vue中使用mint-ui swipe遇到的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 在vue中使用mint-ui swipe遇到的问题
- vue脚手架 使用npm run dev 遇到的错误问题
- vue使用component遇到的问题
- 使用vue的v-for与v-if遇到的一个问题
- 前后端分离的j2ee的web项目,使用vue方式,即{{}}方式批量传入前端参数,遇到一个一个问题,页面上一开始有{{}},怎么处理?
- vue项目中使用echarts 遇到问题总结2
- vue项目中使用mint-ui的上拉加载更多时,ios遇到留白情况
- vue中使用daterangepicker遇到的小问题
- Vue使用中遇到问题汇总(三)
- vue.js中使用axios数据请求遇到的问题这篇文章帮你妥妥的解决
- 浅谈使用Linq to sharepoint时可能遇到的2个问题
- vue使用过程中遇到的细节问题
- 在使用vue-router遇到的问题以及解决办法
- Vue中使用better-scroll所遇到的若干问题
- 解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
- Vue使用中遇到问题汇总(二)
- vue 中使用better-scroll 遇到的问题
- Vue系列:在vux的popup组件中使用百度地图遇到显示不全的问题
- 使用vue遇到的问题
- linux_mint系统使用时遇到的问题