使用步驟:
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類似,按需引入時(shí)需要借助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中設(shè)定swipe容器的寬高
以上這篇淺談在vue中使用mint-ui swipe遇到的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持錯(cuò)新站長站。
新聞熱點(diǎn)
疑難解答
圖片精選