html mint ui,vue mint-ui初次使用总结
首先安裝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)題。
- 上一篇: html显示yuv,CS50 HTML和
- 下一篇: html app的登陆、注册,登陆_注册