首页 > 其他 > 详细

vue mint-ui初次使用总结

时间:2020-08-27 09:40:25      阅读:69      评论:0      收藏:0      [点我收藏+]

首先安装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 mint-ui初次使用总结

原文:https://www.cnblogs.com/q582141490/p/13554398.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!