##element-ui 第34页

vue element-ui el-table里嵌套了el-select双向绑定失效问题

今天测试时候发现了个bugelement-ui的table组件中嵌套了select组件，选择之后发现数组中有数据，页面没有刷新数据无法展示，所以判断双向绑定失效网上很多方法都试过了，像this.$set,this.$forceUpdate(),以及table的doLayout()结果都没有解决问题。查了很多资料发现需要在el-table-column加一个key才能解决，于是加了key，就能双向绑

像牛奶却不是牛奶·2023-09-21 08:46

element-UI 组件 dialog 中 ref 获取不到的问题解决方案

1、官方解释如下，主要就是获取的时候，组件没有渲染，所以获取不到2、解决方案官方解释，在open事件回调中进行，但是open()是弹窗打开时候的会调，有可能在此处获取的时候，还没有渲染成功，导致依然获取不了。1、可以通过定时器延时获取openWebRtc(){setTimeout(()=>{this.$refs.webrtc.start();},0);},2、通过opend会调获取openWebR

芋袁奶茶·2023-09-21 07:53

element-ui 表格内的scope

在工作的时候发现的一个小问题修改项目照片启用禁用按照官网的{{scope.row.date}}应该是写slot-scope="scope"但是我写上去之后没有反应，不报错，也不显示；最后：启用禁用用的是scope="scope"在该行内取到值并做判断，正好是我想要达到的效果。

墨轩尘·2023-09-21 07:04

vue2源码（一）-- Vue.extend

其中data必须是函数使用场景1、所有自定义组件都是通过extend方法构造出来的2、实现js调用组件，element-ui的Message，MessageBox等js调用组件，都是通过Vue.extend

在厕所喝茶·2023-09-21 05:42

Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）

1.Vue概述尤雨溪：Vue.js的创建者2014年2月，Vue.js正式发布2015年10月27日，正式发布1.0.02016年4月27日，发布2.0的预览版本Vue：渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建官网：https://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活

魔术师ID·2023-09-21 05:26

VUE中的 provide 和 inject

在看element-ui的源码的时候，注意到源码里面有很多地方使用provide和inject的属性，然而自己在以往的VUE开发中基本没有使用过。本着不了解的原因，自己去查了VUE的官网。

苦咖啡Li·2023-09-21 03:21

vue使用vditor(组件)

vditornpminstallvditor--save在项目的components文件夹下新建一个Markdown文件夹index.vue内容如下importVditorfrom"vditor"import{Message}from"element-ui

lmy_loveF·2023-09-21 01:53

Element-UI字体图标不显示

原因我在控制台查看请求后，发现elementUI的字体文件请求路径不对，我的路径是/static/css/static/fonts/element-icons.535877f.woff，正确的是/static/fonts/element-icons.535877f.woff解决build-utilsfunctiongenerateLoaders(loader,loaderOptions){cons

Zal哥哥·2023-09-20 23:49

JS中动态创建json,并动态为JSON添加属性，属性值

前言在做大数据可视化项目以及后台管理系统，我用的都是vue全家桶+element-ui，这些项目中都会用到table表格，大家写table肯定不能一个一个的写死，毕竟现在都是数据驱动view,所以都是写好数据去循环列表

郝艳峰Vip·2023-09-20 20:07

vue整合codemirror组件,实现前端页面代码的编辑及显示(sql,java,python等)

1.用途用于前端页面编辑,展示代码,可以灵活选择语言,比如shell,sql,python,js等,可自定义主题及代码提示等,功能非常强大2.效果图我这边是用来展示sql脚本的,结合了element-ui

as-鲨鱼辣椒·2023-09-20 16:32

解决element-ui table表格错位问题

问题描述在使用element-ui中的el-table时，使用了fixed属性固定列之后，就会容易在各种场景出现表格错位的问题。

且吃茶去·2023-09-20 16:31

element-ui中el-table的错位问题解决，以及新的错位问题的出现（与el-tabs相关）

element-ui的表格错位问题，只出现在带有设置了fixed的列的el-table中，这是一个渲染机制的问题，通过调用一遍doLayout方法就可以解决。

榕树岛·2023-09-20 16:01

Element-UI el-table 显示错位问题解决方案

场景:el-table新加列后表头错位css处理方法.el-table--borderth.gutter:last-of-type{display:block!important;width:17px!important;}

邪小新·2023-09-20 16:00

element-ui的table使用fixed错位的解决方法

问题描述在element-ui的table使用fixed固定列的时候，发现切换后返回，固定列会出现错位的情况。如下图所示：解决方法遇到问题，去百度啊。百度一下，你就知道！

fanjianglin·2023-09-20 16:29

使用element-ui调用table表格错位问题

一、问题描述：使用element-ui调用table组件，经常会遇到切换菜单时表格显示错位问题。二、问题现象：三、问题原因：el-table的高度自适应，在页面动态切换后出现错位问题。

Fansr_·2023-09-20 16:59

解决element-ui table 表格排列错位问题

有时候页面切换页签时会发生table表格排列错位，是因为切换页签时table表格没有重新渲染导致解决办法：每次切换页签时重新渲染table表格即可解决//在table上添加key，每次切换页签时更新key值//切换页签方法handChang(){++this.tableKey}

chengliang666·2023-09-20 16:29

vue3 封装文件上传组件

在下面贴上组件代码：import{reactive,ref}from'@vue/composition-api';import{Message}from'element-ui';import{post

Liang_Cheng_Jiu·2023-09-20 09:31

后台管理系统项目(element-ui+vue2+koa+mongoDB)

后台管理系统总结1.主要功能1.1前端部分：使用element-ui设计登陆页面和个人页面使用vue添加每个页面中各个钩子逻辑配置路由使用axios封装自定义http请求（拦截器）1.2后台部分编写文章

_he_dan_·2023-09-20 06:02

element ui-表头自定义提示框

版本“element-ui”:“^2.15.5”,需求：鼠标悬浮到该列表头，显示提示框代码//表身插槽{{scope.row[scope.column.property]?

禾苗种树·2023-09-20 06:51

element-ui问题合集(el-input-number加减一次就失效,el-select同时收集id与name)

el-select同时收集id与name将id与name拼接成字符串，赋值给value，在使用时，获取value后，再使用split()方法进行分割el-input-number遇到加减失效或者只加减一次就失效的问题将el-input-number的v-model绑定对象之后，发现加减一次后就失效changeVal(){this.$forceUpdate();//解决点击计数器失效问题},

加油吧少年时代·2023-09-20 05:13

【vue】修改el-select弹出框样式

1、修改el-select选项样式：设置:popper-append-to-body="false"Popper-append-to-body属性是Element-UI官方文档中提供的一个属性

栀妹儿·2023-09-20 05:41

springboot结合element-ui实现增删改查，附前端完整代码

实现功能前端完整代码后端接口登录，注册，查询所有用户，根据用户名模糊查询，添加用户，更新用户，删除用户前端注册，登录，退出，用户增删改查，导航栏，分页前端代码地址https://download.csdn.net/download/2301_76809965/88215774效果图后端接口主要代码Result类用于统一返回结果JwtUtil类用户生成验证tokencorsConfig处理跨域问题R

yijianace·2023-09-20 02:47

SSM搭建项目，从前端到后台(三)

今天写的是前端的内容先说一下用到的哪些框架，webpack,vue,vuex,vue-router,axios,less,vue-cli,element-ui,iVue.......使用vue-cli初始化项目

VisuperviReborn·2023-09-20 01:52

_this.$message is not a function错误解决

解决方法以一：在页面引入：import{Message}from"element-ui";然后调用即可解决方法二：把antd的引入删除，即可。

十里春分·2023-09-20 01:36

element-ui cascader级联选择器,获取对象Object(getCheckedNodes()、currentLabels)

element-ui中的cascader级联选择器，官网文档中并没有提供方法直接获取当前选择的Object，这里特别需要注意element-ui的版本问题，不同的版本需要用到不同的方法。

小tenten·2023-09-19 20:00

Vue3+element-ui + TS封装全局分页组件

本文介绍了如何使用Vue3、element-ui和TypeScript封装一个全局分页组件。

三拾老师·2023-09-19 19:35

Vue + element-ui + TS封装全局搜索组件

本文介绍了如何在Vue项目中使用element-ui和TypeScript封装一个全局搜索组件。

三拾老师·2023-09-19 19:05

Vue + TS封装全局表格组件

功能需求我们的全局表格组件需要具备以下功能：可以接受表格数据作为组件的props表格支持排序和分页功能表格支持自定义列和操作按钮表格支持多选和单选功能实现思路我们可以使用element-ui提供的Ta

三拾老师·2023-09-19 19:34

element-ui的滚动条组件el-scrollbar（官方没有）

.......blabla.....在使用时要设置外层容器高度。并且要设置el-scrollbar的高度为100%.el-scrollbar__wrap{overflow-x:hidden;}

Sallyzqc·2023-09-19 18:35

vue、Element-UI 图标偶发性乱码问题解决方案

一、问题描述使用vue+element-ui搭建网站时，打包到线上会有偶发性icon乱码的问题，检查文件dist/css/app.xxx.css，发现所有的图标样式content的文本均异常。如：.el-icon-ice-cream-square:before{content:“”}。所以我们打包后的样式文件是有问题的。二、解决方案升级sass、配置vue.config.js1、sass版本要在

bai_shuang·2023-09-19 17:20

element-ui el-table合并单元格

合并单元格，如果id一样则合并(字段根据业务定义,返回是一维数据,getSpanArr重新整合)实现原理getSpanArr(data)方法data就是我们从后台拿到的数据，通常是一个数组；spanArr是一个空的数组，用于存放每一行记录的合并数；pos是spanArr的索引。如果是第一条记录（索引为０），向数组中加入１，并设置索引位置；如果不是第一条记录，则判断它与前一条记录是否相等，如果相等，

yixiaojing527·2023-09-19 17:08

el-table 合并单元格之后最后一列展示错误

element-ui：2.5.2vue：2.7触发条件合并单元格tableX轴方向显示滚动条滑动到最后一列打开控制台后发现是被合并掉的单元格仍然展示出来了，宽度为0但是子元素的padding撑开了解决办法

Pendulum_·2023-09-19 17:05

vue 中给element-ui rules 根据条件添加必选与非必选的校验

1.给form表单添加rules:rules="info.radio=='1'?rules.levelIconColor:[{required:false}]在js中写rules

Coding的大雄·2023-09-19 15:27

element-ui动态级联选择器回显问题，二十多行代码就可以搞定

场景描述后台返回类目数组，其中有一级类目；二级类目，三级类目；这种情况下如何回显数据效果图如下：先给大家展示一些数据结构，后面会给大家一一讲解；尤其是回显那部分数据结构如下：id：自己的idlevel：等级pid：父级id，0位第一级name：名字[{id:1,level:0,pid:0,name:'测试1'},{id:2,level:0,pid:0,name:'测试2'},{id:11,leve

雾恋·2023-09-19 14:58

vue3项目学习一：创建vue3项目

创建vue3项目一、使用vue-cli创建vue3项目1.安装vue-cli2.创建vue3项目二、初始化项目结构三、导入element-ui一、使用vue-cli创建vue3项目1.安装vue-cli

别出声～～·2023-09-19 07:04

vue中request.js中axios请求和（若依）文件通用下载方法封装

vue中request.js中axios请求和（若依）文件通用下载方法封装1.request.jsimportaxiosfrom'axios'import{Message,Loading}from'element-ui'import

小城·2023-09-19 05:12

element-ui中的el-table-column使用v-if导致列位置与数据错乱

的列就错位了，详情列内容显示的是编辑按钮，查了资料发现是涉及table切换的时候，vue底层会公用相同的列dom，导致显示错误，可以通过在el-table加key属性来解决，之前看到过，不知道是什么作用，查element-ui

水石间·2023-09-19 04:44

element-UI 列表渲染图片，后台回传Base64

后台的图片是Base64的调用接口之后，将Base64的这个字段返回过来，picBase是我的字段这个鼠标放上，图片放大，只需要将所有的picBase的字段换成你的字段就行了

AzureBlue0001·2023-09-18 22:43

使用element-ui中的table时，多选加分页功能时，点击分页后之前选中的数据丢失

复制红色字体搜索重置0":total="total":page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"@pagination="getList"/>确定取消监听每次重新打开清空数据watch:{//开始监听返回该对象属性值计算属性'dataInfo.appOpen':function(newVal,oldVal){i

程序员不朽·2023-09-18 19:37

element-ui里el-progress：进度条问题的解决Invalid prop: custom validator check failed for prop “percentage

原因：Progress数值大于100报错处理100?100:parseFloat(TargetReportObj.sksRatio)":stroke-width="7"stroke-linecap="square":width="150"/>重点这句，绑定值不能大于100（100?100:parseInt(value)"）:percentage="TargetReportObj.sksRatio>

大大。·2023-09-18 18:39

第六步 Vue2 集成全家桶 vue-router vuex axios 和 element-ui

介绍VueRouter是Vue.js官方提供的路由管理库，用于实现前端应用的路由功能。它可以将前端路由映射到Vue组件，实现页面的切换和导航等功能。VueRouter支持嵌套路由、路由参数、路由守卫等高级功能，能够满足各种复杂的路由需求。Vuex是Vue.js官方提供的状态管理库，用于集中管理应用程序中的状态。它将应用程序中的数据存储在一个全局的store中，并提供了一些API来改变状态和获取状态

-Bell-·2023-09-18 16:21

vue-manage-system 后台管理系统开发总结

前言vue-manage-system，一个基于Vue.js和element-ui的后台管理系统模板，从2016年年底第一个commit，到现在三年了，GitHub上也有了8.3kstar，也是这些让我有了持续更新的动力

linshuai·2023-09-18 15:44

vue element-ui的form表单校验总结，动态校验、自定义校验（用正则校验手机号码、数字、url、中文）

本文转载自：vueelement-ui的form表单校验总结，动态校验、自定义校验（用正则校验手机号码、数字、url、中文）_vue中动态添加校验手机号长度_新林。的博客-CSDN博客自定义校验（正则校验手机号码、数字、url、中文）提供几个用正则表达式做的自定义校验规则demo书写的另一种方式如下：data(){return{//在rules属性填写相关字段的校验规则rules:{usernam

Tang_Monk·2023-09-18 15:07

element-ui table多列合并

exportdefault{data(){return{//模拟后台返回数据tableData:[{id:'12987122',name:'王小虎',amount1:'234',amount2:'3.2',amount3:10},{id:'12987123',name:'王小虎',amount1:'165',amount2:'4.43',amount3:12},{id:'12987124',nam

思不凡语不浮·2023-09-18 13:25

axios二次封装

一.引入element-ui(1)下载npmielement-ui(2)引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk

如果决定要走又何必挽留·2023-09-18 10:30

elementUI中下拉菜单组件el-dropdown绑定点击事件

在vue项目中使用element-ui时，用到了Dropdown组件。需要在子菜单上添加click事件。

云隙阳光i·2023-09-18 09:31

express分页实现

前端代码element-ui分页里面直接复制就好data(){return{total:0,pagenum:2,pagesize:1,}}handleSizeChange(val){this.pagenum

是张鱼小丸子鸭·2023-09-18 07:12

VUE 中Element-ui 添加滚动条

........data(){return{scrollHeight:'0px'}}mounted(){this.scrollHeight=window.innerHeight*0.7+'px';}.el-scrollbar{height:90%;.scrollbar-wrap{overflow-x:hidden;}.el-scrollbar__bar{}}

炉火纯青-旺·2023-09-18 04:16

写一个 Antd-spin 组件

目的如果你使用Vue开发项目，那么你一定用过或听过大名鼎鼎的Element-UI，在Element-UI众多好用的组件中，有一个组件叫Loading组件，这个组件使用起来特别的灵活，支持：指令方式和服务方式

CondorHero·2023-09-17 23:11

element-ui和element-plus的自定义列表格用法

element中的自定义列表格用法自定义列时只需要声明slot-scope="scope"即可。自定义内容需要使用数据时只需要使用scope.row即可获取该行数据。{{scope.row.address}}element-plus中的自定义列表格用法跟element差不多，只不过不再是声明slot-scope="scope"，而是按需声明#default或者#default="scope"。1、

大可-·2023-09-17 22:37

推荐频道

##element-ui