浅谈在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 相关文章推荐
JS面向对象、prototype、call()、apply()
May 14 Javascript
js 模拟气泡屏保效果代码
Jul 10 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
JS高级技巧(简洁版)
Jul 29 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 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
一个数据采集类
2007/02/14 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
请离开include_once和require_once
2013/07/18 PHP
php文件上传的例子及参数详解
2013/12/12 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
php中替换字符串函数strtr()和str_repalce()的用法与区别
2016/11/25 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
判断控件是否已加载完成的代码
2010/02/24 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
2019/10/16 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
python清除字符串里非数字字符的方法
2015/07/02 Python
python 显示数组全部元素的方法
2018/04/19 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
查看keras的默认backend实现方式
2020/06/19 Python
Python3实现英文字母转换哥特式字体实例代码
2020/09/01 Python
自我评价的范文
2014/02/02 职场文书
先进工作者获奖感言
2014/02/08 职场文书
大学军训感言800字
2014/02/27 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
党支部特色活动方案
2014/08/20 职场文书
mysql事务隔离级别详情
2021/10/24 MySQL
【D4DJ】美少女DJ企划 动画将于明年冬季开播第2季
2022/04/11 日漫