浅谈在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 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
javascript 函数及作用域总结介绍
Nov 12 Javascript
extjs 分页使用jsp传递数据示例
Jul 29 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
详解js中的apply与call的用法
Jul 30 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
Sep 15 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
Aug 13 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二维数组的去重问题解析
2011/07/17 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
PHP strcmp()和strcasecmp()的区别实例
2016/11/05 PHP
thinkphp分页集成实例
2017/07/24 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
JSON格式的键盘编码对照表
2015/01/29 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
JavaScript函数参数的传递方式详解
2017/03/06 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
Python字符串格式化
2015/06/15 Python
Python模拟百度登录实例详解
2016/01/20 Python
Python实现SMTP发送邮件详细教程
2021/03/02 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
Django REST framework视图的用法
2019/01/16 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
新员工欢迎词
2014/01/12 职场文书
《沙漠中的绿洲》教学反思
2014/04/24 职场文书
我为党旗添光彩演讲稿
2014/09/13 职场文书
六查六看剖析材料
2014/10/06 职场文书
给病人的慰问信
2015/03/23 职场文书
入党心得体会
2019/06/20 职场文书
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android
Go语言grpc和protobuf
2022/04/13 Golang