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部分全局引入后不用引入了)

vue mint-ui初次使用总结

举例:此处想用加载的代码,在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 mint-ui初次使用总结

 

 

 

 

上一篇:[折腾日常]linux mint思维导图安装


下一篇:在Linux Mint 20上安装uTorrent