Vue Mint UI mt

2022-11-29 03:54| 来源: 网络整理| 查看: 265

目录 Mint UI mt-swipe的使用 Mint UI的安装使用轮播图mt-swipe组件使用使用mint-ui遇到的坑 1.按需引入：文档上写 2.Header组件的返回问题 3.cell的click不起作用 4.mintUI中indicator报错 Mint UI mt-swipe的使用 Mint UI的安装使用

1、安装 npm install mint-ui -S

-S表示 --save

2、在main.js中引入mint Ui的css 和插件（全局引用）

import Mint from ‘mint-ui'; import ‘mint-ui/lib/style.css' Vue.use(Mint);

3、在main.js中引入mint Ui的css 和插件（按需引用，有的可能要按需引css）

import { Swipe, SwipeItem } from ‘mint-ui'; Vue.component(Swipe.name, Swipe); Vue.component(SwipeItem.name, SwipeItem); 轮播图mt-swipe组件使用 //auto轮播时间 //轮播图切换时会触发 change 事件，参数为切入轮播图的索引 //speed 动画持时（毫秒） IMGChange(index){ //参数为当前轮播图的索引 console.log(index) }

使用mint-ui遇到的坑 1.按需引入：文档上写

将 .babelrc 修改为：

{ "presets": [ ["es2015", { "modules": false }] ], "plugins": [["component", [ { "libraryName": "mint-ui", "style": true } ]]] }

实际操作项目报错，应该改为：

{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie

【本文地址】

Vue Mint UI mt

Vue Mint UI mt

今日新闻

推荐新闻