zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    使用RabbitMq
    创建.NET core的守护进程
    nginx配置
    让.net core 支持静态文件
    关于sql中如何动态加WHERE条件
    CentOS上部署.net core
    chrom中 background 调用pop.js
    windows下安装redis
    sql server导出大批量数据
    python爬虫笔记
  • 原文地址:https://www.cnblogs.com/q582141490/p/13554398.html
Copyright © 2011-2022 走看看