首先安裝npm install mint-ui -S

此處選擇全局引入，放main.js下

// 官網上沒有引入css，需特別注意要引入

import Mint from 'mint-ui'

import 'mint-ui/lib/style.css'

Vue.use(Mint);

在組件中需要用mint的時候，部分js對象還需在組件中單獨引入(對象是方法，不是組件，component部分全局引入后不用引入了)

舉例：此處想用加載的代碼，在mounted里調用官網的方法，在ajax加載完成后關閉調用

mounted() {

Indicator.open({ //此處官網引用js代碼

text: "加載中...",

spinnerType: "fading-circle",

});

axios.get("/hotel/mustTry?city=nanjing").then((res) => {

this.data_list = res.data.data;

Indicator.close(); //此處官網api關閉調用

});

},

icon部分，官網提供的是icon icon-xxx是模板，不是引入官網icon得意思，如果想引用icon，需要引入自己的iconfont庫，如iconfont icon-check

標簽：vue,js,ui,引入,官網,mint,icon

來源： https://www.cnblogs.com/q582141490/p/13554398.html

總結

以上是生活随笔為你收集整理的html mint ui,vue mint-ui初次使用总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。