浅谈在vue中使用mint-ui swipe遇到的问题


Posted in Javascript onSeptember 27, 2018

使用步骤:

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遇到的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
JS实现日期加减的方法
Nov 29 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
Jquery中ajax方法data参数的用法小结
Feb 12 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
通过JS判断联网类型和连接状态的实现代码
Apr 01 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
解析vue中的$mount
Dec 21 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 #Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 #Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
Sep 27 #Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 #Javascript
如何在 JavaScript 中更好地利用数组
Sep 27 #Javascript
axios 封装上传文件的请求方法
Sep 26 #Javascript
axios取消请求的实践记录分享
Sep 26 #Javascript
You might like
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
jquery动态添加删除div 具体实现
2013/07/20 Javascript
js语法学习之判断一个对象是否为数组
2014/05/13 Javascript
表单验证正则表达式实例代码详解
2015/11/09 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
JavaScript解析JSON格式数据的方法示例
2017/01/24 Javascript
Vue组件选项props实例详解
2017/08/18 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
Python os模块学习笔记
2015/06/21 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
Python制作爬虫抓取美女图
2016/01/20 Python
Python栈算法的实现与简单应用示例
2017/11/01 Python
python3中rank函数的用法
2019/11/27 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
基于matplotlib xticks用法详解
2020/04/16 Python
Python request post上传文件常见要点
2020/11/20 Python
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
汽车技术服务英文求职信范文
2014/01/02 职场文书
银行简历自我评价
2014/02/11 职场文书
生日宴会主持词
2014/03/20 职场文书
医生见习报告范文
2014/11/03 职场文书
公司门卫岗位职责
2015/04/13 职场文书
2019暑期安全倡议书!
2019/06/27 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript