淺談在vue中使用mint-ui swipe遇到的問題
更新時(shí)間：2018年09月27日 09:42:46 作者：g229191727
今天小編就為大家分享一篇淺談在vue中使用mint-ui swipe遇到的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
使用步驟：
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è)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了解決Vue的組件屬性this不存在問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
這篇文章主要介紹了Vuex的actions屬性的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
vue el-table實(shí)現(xiàn)自定義表頭
這篇文章主要為大家詳細(xì)介紹了vue el-table實(shí)現(xiàn)自定義表頭，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
下面小編就為大家分享一篇快速處理vue渲染前的顯示問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue彈窗父子組件調(diào)用問題，本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了使用vue打包時(shí)gzip壓縮的兩種方案小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了詳解Vuex管理登錄狀態(tài),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了vue中多個(gè)有順序要求的異步操作處理，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
Vue項(xiàng)目中input框focus時(shí)不調(diào)出鍵盤問題的解決
這篇文章主要介紹了Vue項(xiàng)目中input框focus時(shí)不調(diào)出鍵盤問題的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue + axios get下載文件功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09