![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
豆逗逗
前端菜鸟(不定时分享自己遇到的问题,及解决办法。希望帮到可爱的你)关注我,一起进步呀
展开
-
el-cascader级联选择器lazyLoad动态加载子节点,及单选,多选(关键代码)
el-cascader级联选择器lazyLoad动态加载子节点,及单选,多选(关键代码)原创 2024-07-22 09:40:43 · 313 阅读 · 2 评论 -
用sortable实现表格拖拽,火狐浏览器解决sortable.js拖拽打开新页面的问题(有效)
用sortable实现表格拖拽,火狐浏览器解决sortable.js拖拽打开新页面的问题(有效)原创 2024-06-18 14:39:55 · 192 阅读 · 0 评论 -
el-table中动态增减el-input输入框,会导致表格行突然变高(解决办法)
el-table中动态增减el-input输入框,会导致表格行突然变高(解决办法)原创 2024-03-27 15:10:43 · 245 阅读 · 0 评论 -
回车触发了Button的click事件(点击回车,结果调用了按钮的点击事件----解决办法)
回车触发了Button的click事件(点击回车,结果调用了按钮的点击事件----解决办法)原创 2023-11-23 18:48:31 · 1296 阅读 · 0 评论 -
el-table某一列嵌套使用el-popover,使用click触发,导致页面下拉框组件无法触发弹框关闭(解决办法)
el-table某一列嵌套使用el-popover,使用click触发,导致页面下拉框组件无法触发弹框关闭(解决办法)原创 2023-08-01 10:00:01 · 1583 阅读 · 0 评论 -
el-input样式修改,边框,提示文字
el-input样式修改,边框,提示文字原创 2022-12-01 10:20:37 · 2905 阅读 · 0 评论 -
解决el-table中show-overflow-tooltip提示框内容无法复制的问题
解决el-table中show-overflow-tooltip提示框内容无法复制的问题原创 2022-11-30 13:13:37 · 4066 阅读 · 1 评论 -
el-table实现局部加载(只有body体加载,表头不加载)
el-table实现局部加载(只有body体加载,表头不加载)原创 2022-09-14 11:03:47 · 652 阅读 · 0 评论 -
el-table中合并表头的同时,合并列固定(解决办法)+表头合并受fixed的影响合并不成功(解决办法)
el-table中合并表头的同时,合并列固定(解决办法)+表头合并受fixed的影响合并不成功(解决办法)原创 2022-09-07 15:05:05 · 2119 阅读 · 3 评论 -
elementui中日期组件,日期图标在右边,有删除图标(完整代码)
elementui中日期组件,日期图标在右边,有删除图标(完整代码)原创 2022-09-02 14:47:53 · 2576 阅读 · 0 评论 -
echarts绘制图表,切换页面后返回,默认刷新数据图表不显示问题(有用)
echarts绘制图表,切换页面后返回,默认刷新数据图表不显示问题(有用)原创 2022-08-02 17:44:16 · 1495 阅读 · 0 评论 -
el-table动态合并列时,使用fixed,导致列错位(解决办法)
el-table动态合并列时,使用fixed,导致列错位(解决办法)原创 2022-08-02 14:08:00 · 982 阅读 · 0 评论 -
对el-form-item中的子组件进行必填验证(方法)
对el-form-item中的子组件进行必填验证(方法)原创 2022-06-26 16:31:35 · 1549 阅读 · 0 评论 -
el-table竖向滚动条出现溢出,在整个table表外面(解决办法)
el-table竖向滚动条出现溢出,在整个table表外面(解决办法)原创 2022-06-07 17:35:24 · 2087 阅读 · 0 评论 -
v-model使用0和1 控制开关按钮,没有用(解决办法)
当绑定的值为string类型时,开关改变的原有的值,把原来的state值都改为了0原创 2022-05-06 15:42:48 · 606 阅读 · 0 评论 -
el-select结合el-tree实现树形下拉框(不带多选框)
el-select结合el-tree实现树形下拉框(不带多选框)原创 2022-05-02 01:03:06 · 1134 阅读 · 0 评论 -
el-table表头无法居中显示(使用了cell-style和header-cell-style属性,也没有效果)----解决办法
el-table表头无法居中显示(使用了cell-style和header-cell-style属性,也没有效果)----解决办法原创 2022-04-20 23:06:37 · 3920 阅读 · 0 评论 -
show-overflow-tooltip省略号有了,鼠标经过啥也没有(解决方法)
show-overflow-tooltip省略号有了,鼠标经过啥也没有(解决方法)原创 2022-03-29 21:15:21 · 948 阅读 · 0 评论 -
elementui中main容器height显示为0,不能充满余下的整个页面(解决方法)
elementui中main容器height显示为0,不能充满余下的整个页面原创 2022-03-07 14:11:36 · 1353 阅读 · 0 评论 -
el-table显示滚动条,但表头固定(解决方法)
el-table显示滚动条,但表头固定(解决方法)原创 2022-03-07 14:55:12 · 6164 阅读 · 5 评论 -
el-select右侧图标换成自定义的箭头,且箭头向上
若要箭头向下可看https://blog.csdn.net/weixin_38345306/article/details/121538301效果图代码/deep/ .el-select .el-input .el-select__caret::before { /*content: "\e78f"*/ content: ""; background: url(../../../../../assets/images/images_new/images_x/icon_drop原创 2021-11-25 15:48:26 · 1551 阅读 · 0 评论 -
vue点击排序按钮之后按钮变色
vue点击排序按钮之后按钮变色原创 2021-11-01 15:18:36 · 394 阅读 · 0 评论 -
在vue文件的标签上调用js文件中的方法(有用)
解决方法: 在vue文件的methods中声明一下该方法即可(不声明的话,将报错)下面是关键代码<el-form-item label="formatStar(item.consTimes)"><script>import {formatStar} from '@/assets/common.js';export default { methods: { formatStar, //下面可写其它方法 } }</script>原创 2021-11-01 14:12:29 · 1453 阅读 · 0 评论 -
el-cascader__点击文字可选中__去掉单选按钮__选中后菜单收起__自定义数据显示在选项中(已测有用)
效果图直接上代码:注意:css样式一定要全局设置,不要写在scoped下(否则没效果)<el-cascader v-model="form.classify" ref="cascader" :options="dataList" :props="defaultProps" clearable popper-class="cascader"原创 2021-10-29 15:56:08 · 2237 阅读 · 1 评论 -
vue+elementui实现排序按钮icon
vue+elementui实现排序按钮icon效果图:前端页面代码:-----vue代码<el-row type="flex" justify="start" align="middle"> <i class="icon el-icon-s-fold"></i> <span>访问量</span> <div style="display: inline-block;margin-left:5px">原创 2021-10-29 13:51:23 · 2402 阅读 · 0 评论 -
el-rate更改星星大小
解析如下: **默认情况:****分析:****更改后**默认情况:默认情况下,星星较小,不符合预期分析:受font-size的控制更改后更改大小的方法:添加样式必须加/deep/,否则不生效/deep/.el-rate__icon {//评分图标大小 font-size: 25px;}...原创 2021-10-28 16:11:41 · 2844 阅读 · 4 评论 -
el-table中滚动条不显示(解决办法)
原因:样式height设置错误错误写法://height写在了style中<el-table style="width: 100%, height:100%" >正确写法:element-ui官方文档显示height为el-table的属性<el-table style="width: 100%;" height="100%">原创 2021-10-21 18:07:35 · 7636 阅读 · 0 评论 -
el-menu节点中更改背景颜色一直无效 (vue中局部修改elementui自定义样式方法)
vue中局部修改elementui自定义样式方法我的问题:在el-menu节点中更改背景颜色一直无效(尝试了各种方法均无效)解决方法:节点中直接写background-color="#4e6379"即可<el-menu background-color="#4e6379">vue中局部修改elementui自定义样式方法在.vue文件中修改样式节点:1.使用scopedscoped 用来限制当前样式只在当前页面中有用,在其子组件中无用2.使用deep /deep/该样式也.原创 2021-10-18 15:35:53 · 5594 阅读 · 2 评论 -
vue中局部引入element-ui步骤流程详解
1.安装element-ui2.借助 babel-plugin-component实现按需引入3.定义element.js文件,并在main.js中进行配置4.引入element-ui样式,在main.js中进行配置1.安装element-uinpm install --save element-ui2.借助 babel-plugin-component实现按需引入npm install babel-plugin-component -D可根据自己情况更改.labelrc文件(我没有更改)添加.原创 2021-10-13 14:51:04 · 2112 阅读 · 0 评论 -
按照官网的方法vue局部引入element-ui报错及解决办法SyntaxError: Invalid or unexpected token @ multi (webpack)-dev-server
问题:按照官网知识局部引用element-ui报错,执行“npm install babel-plugin-component -D”后直接运行项目报错SyntaxError: Invalid or unexpected token @ multi (webpack)-dev-server/client?原因:未安装element-ui解决办法:执行npm install --save element-ui命令即可...原创 2021-10-13 14:10:17 · 748 阅读 · 0 评论