首先安裝npm install mint-ui -S

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

// 官網(wǎng)上沒(méi)有引入css，需特別注意要引入

import Mint from 'mint-ui'

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

Vue.use(Mint);

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

舉例：此處想用加載的代碼，在mounted里調(diào)用官網(wǎng)的方法，在ajax加載完成后關(guān)閉調(diào)用

mounted() {

Indicator.open({ //此處官網(wǎng)引用js代碼

text: "加載中...",

spinnerType: "fading-circle",

});

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

this.data_list = res.data.data;

Indicator.close(); //此處官網(wǎng)api關(guān)閉調(diào)用

});

},

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

標(biāo)簽：vue,js,ui,引入,官網(wǎng),mint,icon

來(lái)源： https://www.cnblogs.com/q582141490/p/13554398.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。