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'
                  }


  • 相关阅读:
    Ubuntu编译gdb-ARM调试环境
    12小时制字符串转24小时制字符串
    Qt QByteArray或者Char转十六进制 QString
    STM32 串口通信使用奇偶校验
    127.*.*.* 为本地回环地址,均返回127.0.0.1
    winform解析json
    qString转char*
    下载vc++运行库
    CentOS 7 通过 yum 安装 nodejs 和 npm
    go语言 工程目录
  • 原文地址:https://www.cnblogs.com/changedman/p/9227345.html
Copyright © 2011-2022 走看看