配置vue后element-ui组件不显示

最新推荐文章于 2023-12-06 11:08:52 发布
最新推荐文章于 2023-12-06 11:08:52 发布
阅读量1.3k 收藏
点赞数
分类专栏： 前端 文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuxixi1031/article/details/124779032
版权

具体情况体现为：之前写的组件不显示，只有文字没有格式。![在这里插入图片描述在这里插入图片描述

加入完整引入即可

不会写代码的工科狗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-element-admin中文版本
07-20
该资源为一个后台管理系统，为vue-element-admin在git下搭建而成
低代码信创开发核心技术（二）：手撕灵活好用的Vue拖拉拽布局系统
杨若瑜的技术博客
05-16 2286
随着信息化时代的到来，软件已经成为企业和个人不可或缺的工具。然而，许多人在开发软件时遇到了各种问题，比如开发周期长、技术门槛高、成本高昂等等。为了解决这些问题，低代码平台应运而生。低代码平台是一种快速开发工具，它可以帮助开发者快速构建应用程序，从而提高开发效率和降低成本。近年来，国产软件市场蓬勃发展，越来越多的企业开始关注自主创新和信息化发展。低代码平台作为信息化创新的重要工具，也逐渐受到了广泛关注。同时，随着Vue.js等前端框架的普及，拖拉拽布局系统也成为了低代码平台的核心技术之一。
引用ElementUI的autocomplete做输入框的自动补全
yeling0的博客
07-30 3784
引用ElementUI的autocomplete做输入框的自动补全时，遇到一坑，控件、数据、方法准备好之后，点击输入框，并没有出现示例程序那样的下拉列表，如下图所示： 我想以hospitalName属性为索引来提供给前端操作，数据格式如下： 经过查阅资料得知，ElementUI的该控件只能以value为固定索引，其他任何属性均为非法索引。我将数据对象属性改了之后，显示正常。 ...
【Vue】element组件不显示问题
最新发布
m0_67930426的博客
12-06 1396
首先在控制台输入 npm i element-ui 进行安装。安装完之后，再去main.js配置element-ui组件库。然后再使用npm run serve 重启一次。不显示的原因：（未引入element-ui）使用element组件但不显示。
vue使用element-ui，el-table不显示
weixin_48282959的博客
04-12 9699
项目场景： 例如：新增了一个表格，按官网代码贴过来的，结果一直不显示 问题描述 代码如下一模一样，其他数据正常显示，就表格不显示 <template> <el-table :data="tableData" stripe style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-tabl
vue3.x 关于引入第三方组件报错
E_ISOLATE的博客
07-19 3371
main.js之前的写法 import Vue from 'vue' import App from './App.vue' import router from './router/index' import store from './store' import 'element-ui/lib/theme-chalk/index.css'; import ElementUI from 'element-ui'; Vue.use(ElementUI); new Vue({ router, st
Vue3使用element-plus 组件不显示
weixin_45157073的博客
04-21 5850
vue3引入element-plus之后会出现一些黄色警告 引用的element的组件不显示 例如我这个问题 是使用 element-plus 中表格组件出现的警告 导致数据不显示 经过排查 是引入element组件文件 里没有注册这个组件 只需要注册就好了 箭头标记的两个地方都需要注册 注意编写规范 import {ElTable} from "element-plus"; const components = [ElTable]; //这里注册一下就好 ...
Bug：elementUI样式不起作用、Vue引入组件报错not found等（Vue+ElementUI问题汇总）
weixin_45565886的博客
09-29 3564
Bug：elementUI样式不起作用
ElementUI中的日历组件加载无效的问题
波波烤鸭的博客
08-24 1719
ElementUI中日历显示的问题
element ui的自带图标库icon显示格式有错或者不显示问题解决方案
ZXT149074136的博客
07-26 2244
最近在做vue项目，用的是element UI，在网上download了一个简单的模板，在实现前台代码时，发现element自带的icon库的图标显示有问题，或者压根就没有显示，比如搜索icon：icon="el-icon-search"。 对应的代码： 一开始以为是代码问题，一直纠结在代码上。 后来查了一下package.json文件发现element版本比较老： "elem...
仿哔哩哔哩，Vue和element-ui组件搭配使用实现
05-15
仿哔哩哔哩，主要技术：Vue和element-ui组件搭配使用 实现功能：首页响应式制作、首页搜索和搜索提示功能、搜索页面制作，搜索页面排序分类功能实现、解决跨域问题。 仿哔哩哔哩，主要技术：Vue和element-...
vue+element-ui demo
09-29
这是一个vue+element-ui的demo 里面有菜单menu组件，是我做的一个后台管理的模板，用到了route路由转向，以及子父组件方法的调用传参等等，如果是想用vue搭建后台的，可以直接使用 使用方法： cd vue-admin-master-...
vue-element-utils:对 element-ui 的一些组件做的拓展自定义指令工具
08-05
vue 使用 element-ui 项目的一些工具方法、拓展自定义指令等 Custom Directives 对 element-ui 的一些组件做的拓展自定义指令工具 使用yarn包管理 提供指令： v-select-scroll: Select 组件监听滚动，以便做懒加载 v...
Vue element-ui父组件控制子组件的表单校验操作
10-15
主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue+element-ui表格封装tag标签使用插槽
10-15
主要介绍了vue+element-ui表格封装tag标签使用插槽，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element ui自动补全
weixin_43578304的博客
09-28 1172
本文记录一下el-autocomplete的使用和两个常见的问题提示：以下是本篇文章正文内容，下面案例可供参考。
Vue+element 项目搭建
dancer_mm的博客
09-27 666
Vue+element 项目搭建 vue+element项目搭建
基于Go语言Gin+Vue+ElementUI的前后端分离敏捷开发框架
weixin_50196917的博客
03-05 1765
是一款基于Golang、Gin、Xorm、Vue、ElementUI、MySQL等技术栈开发平台框架，拥有完善的(RBAC)权限架构和基础核心管理模块，为了缩短研发周期，系统框架集成了代码生成器，内置平台自定义研发的模板引擎，可以一键CRUD生成整个模块的全部代码，本框架为一站式系统框架开发平台，可以帮助开发者提升开发效率、降低研发成本，同时便于后期的系统维护升级。......
Vue - 详细实现低代码平台，支持拖曳式可视化生成应用软件功能，用户通过拖拽元素、搭积木的方式创建应用（适合迭代的基础架构、低代码平台）
王佳斌
07-27 7390
Vue 低代码平台 - 拖曳式拖拉拽可视化生成应用软件，拖拽式低代码数据可视化开发平台，vue实现拖拽，拖拽式Vue组件代码生成平台，基于vue的可视化拖拽代码生成工具，Vue实现可拖拽组件的方法，一个低代码平台的前端部分，靠拖拉拽生成页面。Vue技术栈 从零实现低代码可视化搭建平台示例，低代码轮子，通过拖拽就可生成Vue代码的平台来了，vue低代码平台开发相关比低代码更强大的零代码开发平台，这款低代码SAAS数据可视化工具,拖拽生成大屏。vue实现拖拽效果，Vue 自由拖拽缩放组件，自定义组件（文本、图片
vue2+element-ui组件二次封装
08-12
在Vue2中，对于element-ui组件的二次封装，可以按照以下步骤进行： 1. 需求分析：明确需要封装的element-ui组件，以及需要添加的功能和配置项。 2. 创建父组件：编写父组件的template和script代码，其中template中调用封装组件，script中定义需要传递给封装组件的props属性。 3. 创建封装组件：编写封装组件的template和script代码。在template中使用element-ui组件，并根据需要进行样式和布局的调整。在script中定义props属性，接收父组件传递的值，并监听element-ui组件的事件，触发update事件给父组件。 4. 通过临时变量传递值：由于父组件传递给封装组件的props不能直接作为封装组件的v-model属性传递给element-ui组件，所以需要在封装组件中定义一个临时变量来存储值，并将该变量与element-ui组件进行绑定。 5. 完成打通：在封装组件中监听中间件，接收到element-ui组件的update事件后，再将该事件传递给父组件。 总结来说，Vue2中对于element-ui组件的二次封装，需要创建父组件和封装组件，通过props属性传递值，并在封装组件中监听element-ui组件的事件并触发update事件给父组件。同时，需要使用临时变量来传递值给element-ui组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue3+ts+element-plus 组件的二次封装-- 页脚分页el-pagination的二次封装](https://blog.csdn.net/cs492934056/article/details/128096257)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值