当前位置： 首页 > article >正文

27、Nuxt.js项目整合ElementUI组件库

article 2025/1/22 17:10:28

参考element-ui官网安装组件库

项目中新建插件引入element-ui

plugins\element-ui.js

import Vue from 'vue';
import ElementUI from 'element-ui';

Vue.use(ElementUI);

nuxt.config.js

  plugins: [
    "@/plugins/element-ui.js"
  ],
  build: {
    // 将位于 node_modules 目录下的element-ui导出
    transpile: [/^element-ui/],
    /*
    ** webpack 自定义配置
    */
    extend (config, ctx) {
    }
  }

引入element-ui css样式

nuxt.config.js

/*
** 全局引入样式
*/
css: [
  // 针对 element-ui 组件的各种样式
  'element-ui/lib/theme-chalk/index.css',
  'element-ui/lib/theme-chalk/display.css'
],

http://www.kler.cn/a/145727.html

相关文章：

  • simulink入门学习01
  • SQL-leetcode—1174. 即时食物配送 II
  • MYSQL学习笔记(五)：单行函数(字符串、数学、日期时间、条件判断、信息、加密、进制转换函数)讲解
  • Redis支持数据类型详解
  • |Python新手小白中级教程|第三十章：日期与时间（入门）
  • web前端1--基础
  • 【线性代数与矩阵论】坐标变换与相似矩阵
  • HTML的学习
  • kafka的设计原理
  • FO-like Transformation
  • [ruby on rails] array、jsonb字段
  • Java 文件常用操作与流转换
  • 单细胞seurat入门—— 从原始数据到表达矩阵
  • 隐写-MISC-bugku-解题步骤
  • QXDM Filter使用指南
  • P17C++析构函数
  • java - 定时器
  • 机器学习【04重要】pycharm中关闭jupyter服务器
  • 交叉编译 和 软硬链接 的初识（面试重点）
  • 【面经八股】搜广推方向：常见面试题（五）
  • 流量主如何在广告收益和用户体验中找到平衡
  • 知识点小总结
  • 【单片机学习笔记】STC8H1K08参考手册学习笔记
  • 梦回吹角连营(超1e18的快速幂模板，两大数相乘处理)
  • stm32实现0.96oled图片显示，菜单功能
  • Gin 学习笔记02-参数获取