当前位置: 首页 > 编程笔记 >

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

尉迟轶
2023-03-14
本文向大家介绍浅谈在vue中使用mint-ui swipe遇到的问题,包括了浅谈在vue中使用mint-ui swipe遇到的问题的使用技巧和注意事项,需要的朋友参考一下

使用步骤:

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

 类似资料:
  • 本文向大家介绍浅谈mint-ui loadmore组件注意的问题,包括了浅谈mint-ui loadmore组件注意的问题的使用技巧和注意事项,需要的朋友参考一下 如下所示: 比如在做下拉刷新的时候,切记在下拉刷新的函数中要加 这行代码,否则下拉加载之后一直显示加载中,而不会加载完成。 以上这篇浅谈mint-ui loadmore组件注意的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,

  • 本文向大家介绍浅谈Vue SSR 的 Cookies 问题,包括了浅谈Vue SSR 的 Cookies 问题的使用技巧和注意事项,需要的朋友参考一下 一个网站一旦涉及到多用户, 就很难从 Cookies 中逃脱, Vue SSR 的 cookies 也真算是遇到的一个不小的问题, 从开始玩 SSR 开始到现在, 一共想出了3种方案, 从最早的把 Cookies 注入到 state 中, 到把 C

  • 本文向大家介绍浅谈jquery中使用canvas的问题,包括了浅谈jquery中使用canvas的问题的使用技巧和注意事项,需要的朋友参考一下 使用jquery控制canvas的时候会出现一些问题, 修改的方式为: 原因:jQuery()返回的是jQuery对象,而jQuery对象是没有getContext方法的,需要把jQuery对象转换成Dom对象,官方文档推荐的方法如上述代码,其实jQuer

  • 本文向大家介绍vue使用技巧及vue项目中遇到的问题,包括了vue使用技巧及vue项目中遇到的问题的使用技巧和注意事项,需要的朋友参考一下 这里给大家分享一下vue中的一些技巧,希望对大家有用处。(话不多说上代码) 1,vue路由拦截浏览器后退实现表单保存类似需求(为了防止用户突然离开,没有保存已输入的信息。) 请参考vue文档全局钩子和组件钩子 2,路由懒加载写法: 3,路由的项目启动页和404

  • 本文向大家介绍浅谈Vue SSR中的Bundle的具有使用,包括了浅谈Vue SSR中的Bundle的具有使用的使用技巧和注意事项,需要的朋友参考一下 前言 写过Vue SSR的都知道,Vue通过提供server和client的webpack插件生成bundle josn,从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的呢?OK,话不多说,进入正题 客户端

  • 本文向大家介绍浅谈vue项目,访问路径#号的问题,包括了浅谈vue项目,访问路径#号的问题的使用技巧和注意事项,需要的朋友参考一下 刚入手vue,有好多的疑问,目前遇到的是vue项目启动之后,输入http://ip:port,我发现浏览器里面显示的地址栏竟然是http://ip:port/#/,这个”/#/“不知道是什么东西,于是百度查了一下。 原因:对于vue开发的单页面应用,我们在切换不同的页