zoukankan      html  css  js  c++  java
  • Vue ElementUI 按需引入

     一.element UI组件的单独使用(第一种方法):


        1、cnpm install babel-plugin-component -D    
        2、找到.babelrc 配置文件
            把
            {
              "presets": [
                ["env", { "modules": false }],
                "stage-3"
              ]
            }

            改为  注意:    
            {
              "presets": [["env", { "modules": false }]],
              "plugins": [
                [
                  "component",
                  {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
                  }
                ]
              ]
            }

        3、
        import { Button, Select } from 'element-ui';
        Vue.use(Button)
        Vue.use(Select)


    二.element UI组件的单独使用(第二种方法):



        import { Button, Select } from 'element-ui';

        Vue.use(Button)
        Vue.use(Select)
        

        引入对应的css

            import 'element-ui/lib/theme-chalk/index.css';

        如果报错: webpack.config.js  配置file_loader

              {
                test: /.(eot|svg|ttf|woff|woff2)(?S*)?$/,
                loader: 'file-loader'
                  }


  • 相关阅读:
    appium自动化测试搭建
    How to install Qt Creator on Ubuntu 18.04
    Luci
    OpenWrt 根文件系统启动过程分析
    shell 杂烩
    OpenWrt Luci 调试日志输出的一种方法
    jQuery实现购物车计算价格的方法
    js实现购物车添加,减少数量
    golang-键盘录入数据
    JAVA存储机制(栈、堆、方法区详解)
  • 原文地址:https://www.cnblogs.com/changedman/p/9227345.html
Copyright © 2011-2022 走看看