html mint ui,vue mint-ui初次使用总结

首先安装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