随笔分类 -  Element

element的el-table表格自定义表头解决数据不更新问题
摘要：解决方法element 官网上el-table上使用插槽 slot=“header”来实现自定义表头, 在表头中使用el-select组件选择不同的状态，无法展示选择后的状态，或者其他需要动态更新表头数据，出现无法实时更新，只需要将slot=“header” 改成#header ，就可以了 阅读全文
posted @ 2022-09-28 16:54 收破烂的小伙子 阅读(278) 评论(0) 推荐(0)
el-tab-pane标签页使用el-tooltip文字提示
摘要：<el-tab-pane :name="9"> <el-tooltip class="item-tabs" effect="light" placement="top-start" slot="label"> <div slot="content"> <span>tooltip内容</span> < 阅读全文
posted @ 2022-07-02 15:05 收破烂的小伙子 阅读(755) 评论(0) 推荐(0)
引入element-plus报错Module not found: Error: Can't resolve 'process/browser'
摘要：报错信息： 解决方案： module: { rules: [ ... { test: /\.mjs$/, resolve: { fullySpecified: false }, include: /node_modules/, type: "javascript/auto" } ] }, 阅读全文
posted @ 2022-06-25 11:28 收破烂的小伙子 阅读(1163) 评论(0) 推荐(0)
Element UI在线运行错误， （Uncaught ReferenceError: Vue is not defined）
摘要：解决办法： 1： Js菜单栏引入Vue和Element Vue: https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js Element：https://unpkg.com/element-ui/lib/index.js 2：Css菜单栏引入Element样式 阅读全文
posted @ 2022-05-19 23:48 收破烂的小伙子 阅读(687) 评论(0) 推荐(0)
element el-input 输入框限制只能输入数字
摘要：方法： 添加正则校验 <el-input v-model="inputValue" oninput="value=value.replace(/[^\d]/g,'')"> </el-input> 阅读全文
posted @ 2021-01-13 16:30 收破烂的小伙子 阅读(3898) 评论(0) 推荐(0)
el-input-number 计数器笔记本电脑触摸板执行两次
摘要：问题描述： 用笔记本触摸板去点击，会触发两次：初始变量1，点一次，直接跳到3，再次单击跳到5 猜测的原因： el-input-number这个组件，同时响应鼠标单击操作和鼠标放置不放的操作。针对鼠标点击操作，点击一下“ +”号，数字增加一个步长。针对对准不放操作，每100ms，数字增加一个步长。 针 阅读全文
posted @ 2020-07-22 17:13 收破烂的小伙子 阅读(2352) 评论(0) 推荐(0)
element el-table列 显示隐藏的问题
摘要：注：只是记录一次自己遇到的一个自己给自己埋坑的 经历领导给了一个需求，需要对表格的列 根据不同的条件做判断显示隐藏 当时自己以为这个需求很简单， 这不是就是一个v-show 的事情吗 然后 我就使用v-show 但是最后发现并没有什么效果 当时是傻眼了 后来去找度娘 才知道 v-show的本质 就是 阅读全文
posted @ 2020-07-01 16:13 收破烂的小伙子 阅读(16545) 评论(3) 推荐(3)
el-autocomplete 远程搜索后展示的数据的下拉框随文字内容而增加
摘要：添加样式： .el-autocomplete-suggestion{ display: inline-table; } 阅读全文
posted @ 2020-03-13 13:46 收破烂的小伙子 阅读(1514) 评论(0) 推荐(0)
element-ui表头render-header 传自定义参数
摘要：最近用到 element 的表格的 render-header 这个属性查了文档 发现： 发现它会返回部分参数 但是因为考虑要工程化，需要自定义传入参数，后来找度娘 ，发现是可以自定义传参的 :render-header="(h,obj) => renderLastHeader(h,obj,inde 阅读全文
posted @ 2019-11-11 17:46 收破烂的小伙子 阅读(4407) 评论(0) 推荐(2)
解决el-input 触发不了键盘事件
摘要：这样写触发不了@keyup.enter 方法 解决办法： 阅读全文
posted @ 2019-03-13 15:13 收破烂的小伙子 阅读(1789) 评论(0) 推荐(0)