Vue-【了解Element-ui在vue中的使用】

最新推荐文章于 2024-07-01 15:44:31 发布
最新推荐文章于 2024-07-01 15:44:31 发布
阅读量312 收藏 6
点赞数 9
文章标签： vue.js ui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54963154/article/details/135726831
版权

（1）通过idea打开vue项目

（2）打开后有一个README.md文件。里面的npm run serve就是在开发环境中调试运行所需的命令。npm run build则是你要实际应用的现场的应该打包前端程序所需的命令。

（3）接下来需要引用element-ui，首先在控制台执行安装element的命令

npm i element-ui -S

然后通过导入和vue.use使用Element

然后再命令行输入

npm run serve

启动服务。

最后通过element-ui的官网在你的程序里搭建自己的ui！

时年AC
关注
  • 9
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element-ui和vue-element-admin学习
wunianisme的博客
05-27 1万+
Element-ui 什么是Element-ui？ 根据官网的说法，Element-ui，是一套为开发者、设计师和产品经理准备的基于Vue 2.0的由饿了么公司出品的桌面端组件库。 官网：https://element.eleme.cn/#/zh-CN 如何使用？ 1、创建文件夹element-ui。 2、下载组件。 npm install vue #安装Vue npm i element-ui -S #安装Element-ui 3、为了代码更加清爽，可以将主要依赖vue.min.js和elem
vue+element-ui实现表格编辑
热门推荐
liaoxuewu的博客
07-24 8万+
两种实现方式 1、表格内部显示和编辑切换 这种方式就是利用两个标签显示隐藏来实现，我们这里用input和span，正常用span将数据显示，点击编辑时，将span隐藏，显示input进行编辑。选中当前行我们可以通过slot-scope中的index去实现，在控制显示隐藏的属性上绑定index就可以选中当前行了，如showEdit[index]。 html中的代码： <el...
VueCLI中使用Element-UI
没有途径，只有努力
03-17 1917
Vue中使用Element-UI组件Element-UI安装命令行安装使用效果图UI界面安装使用效果图vue.config的配置 Element-UI 一个与vue配合的UI框架 官网:https://element.eleme.cn/#/zh-CN 安装 可以命令行安装,也可以UI界面安装 命令行安装 npm i element-ui -S 使用 在入口文件main.js中加入 import ElementUI from 'element-ui' import 'element-ui/lib/t
Vue-element-admin升级ui版本
yummry的博客
09-24 6644
随着项目需求越来越多，vue-admin-element的低版本ui，有点难以满足需求，于是开始研究项目的ui版本升级，但是在网上并没有找到类似的例子，还是记录下来升级过程，看能否帮助一些小伙伴们。 1. 开始 更新element版本，我的需求在element-ui@2.7.2基本已经满足，所以暂时定了这个版本，更新完之后，运行正常，顺利的看到这个： 打开浏览器之后，却发现一直转圈圈，漫长的...
vue-element-admin搭配element-UI的使用
Ldajiangyou的博客
04-30 1984
论述vue-element-admin搭配element-UI的使用介绍地址拉取地址搭配element-UI使用更简便 介绍地址 项目运行地址 项目地址 vue-element-admin文档 本人基于vue-element-admin的二次开发 拉取地址 #git拉取vue-element-admin git clone https://github.com/PanJiaChen/vue-...
vue-element-admin--使用体验
IT利刃出鞘的博客
06-25 1万+
本文用示例介绍vue-element-admin的用法。
在vue项目中使用Element-ui基本教程
Im_xiaopei的博客
10-06 2万+
element-ui是饿了么推出的一个开源ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。 官网：https://element.eleme.cn/#/zh-CN 今天分享一下这个插件的基本使用， 1.创建一个项目，并安装element-ui插件 创建项目参考https://blog.csdn.net/Im_xiaopei/article/details/120618154?spm=1001.2014.3001.5501 安装element-ui 打开终端，输
快速上手 Vue 和 Element-UI 组件库
程序猿追的博客
12-19 4万+
vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。 Vue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 其目标是通过尽可能简单的API实现响应式的数据绑定和可组合的视图组件。
企业级后台集成方案vue-element-admin
程序猿追的博客
03-10 1万+
vue-element-admin 是一个后台前端解决方案，它基于 vue和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。
Vue3 --- 使用vue-element-admin
weixin_57224821的博客
08-31 2512
1.下载 vue-element-admin，并启动 官方：https://github.com/PanJiaChen/vue-element-admin 2. 安装依赖 npm install 3. 启动 npm run dev 安装过程有些慢，别急！
element-demi:在Vue 2 3中使用Element UI的适配器
05-09
一个在Vue 2/3中使用Element UI的适配器。 :yo-yo: 只是个玩具 该库旨在测试postinstall npm挂钩。 安装完所有软件包之后。 该脚本将开始检查已安装的Vue版本，并根据本地Vue版本将导出重定向到。 :package: 安装 ...
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
vue-element-nocode-admin:element-ui 的代码可视化编辑
05-06
element-ui 的代码可视化编辑器，自动生成表单代码，列表代码。不是一个可视化解决方案，更像是生成模板的工具 :house: 网页版本，在preview分支 Install npm install -g ele-cli How to Use 服务端占用 3000 端口 ...
vue-i18n结合Element-ui的配置方法
10-16
主要介绍了vue-i18n结合Element-ui的配置方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
毕业设计项目-个人博客。前端基于Vue，Element-UI和Vue-Element-Admin实现，后台采用SpringBoot+MybatisPlus+Rd
07-09
在本项目中，Vue-Element-Admin被用来构建博客的管理后台，使得用户能够方便地管理文章、用户信息和其他设置。 转向后端，项目采用了SpringBoot框架，这是由Pivotal团队维护的一个Java框架，用于简化Spring应用程序...
深入理解 Vue.js 中的 deep: true
weixin_42279822的博客
06-26 774
deep: truedeep: true是 Vue.js 监听器中的一个重要配置选项，允许我们递归地监听对象内部所有属性的变化。在处理复杂数据结构和需要实时同步数据的场景中，deep: true非常有用。然而，在使用时需要注意性能问题，确保在必要的场景下才使用这个选项。通过合理使用deep: true，我们可以更好地管理和响应数据的变化，提升应用的健壮性和用户体验。
vue3插槽的使用
qq_47040462的博客
06-28 392
作用域插槽可以接收来自子组件的数据，使插槽内容能基于这些数据动态变化。默认插槽是最基本的形式，用于插入任何未明确命名的内容。通过合理使用插槽，你可以设计出高度可复用和灵活的组件。具名插槽允许你有选择性地插入内容到组件的特定位置。
Element中的日期时间选择器DateTimePicker和级联选择器Cascader
最新发布
weixin_65793170的博客
07-01 154
一. 级联选择器，Cascader。二. 日期时间选择器，DateTimePicker
[Ant Design Vue 树控件Tree]内存溢出报错
m0_53584457的博客
06-27 189
具体报错信息：Maximum call stack size exceeded。使用ant design vue控件时发现报错，但是数据展示时没有问题的；查看官方文档，使用虚拟滚动(height 参数)可以解决该问题；经排查，是我的目录下数据过多，差不多有小一万的数据；
vue-admin-template element ui 不显示
09-07
您好！很抱歉您遇到了这个问题。关于Vue Admin Template和Element UI不显示的问题，可能有多种原因导致。以下是一些常见的解决方案： 1. 确保您已经正确安装了Element UI和Vue Admin Template的依赖。您可以使用以下命令来安装它们： ``` npm install element-ui npm install vue-admin-template ``` 2. 确保在您的Vue项目中正确引入Element UI和Vue Admin Template的组件。您可以在您的入口文件（通常是main.js）中添加以下代码： ```javascript import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import 'vue-admin-template/src/styles/index.scss'; Vue.use(ElementUI); ``` 3. 确保您的Vue组件正确使用了Element UI和Vue Admin Template的组件。例如，您可以在模板中添加以下代码以使用Element UI的按钮组件： ```html <template> <div> <el-button type="primary">Primary Button</el-button> </div> </template> <script> export default { // ... } </script> ``` 4. 如果上述步骤都没有解决问题，那么可能是由于其他因素导致。您可以尝试重建或更新您的Vue项目，并确保您的构建过程没有出现任何错误。 希望以上解决方案能够帮助您解决问题！如果问题仍然存在，请提供更多的详细信息，我将尽力帮助您解决。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值