随笔分类 -  element-plus

elementui库el-tabs组件中自定义内容
摘要：在使用element plus时。 开发者经常会遇到如何在el-tabs标题中添加图标或者自定义内容的问题。 默认情况下，el-tab的标题仅支持纯文本显示，无法直接嵌入自定义内容。 element plus提供了label插槽，允许开发者自定义标签内容 <el-tabs v-model="prob 阅读全文
posted @ 2026-01-14 12:44 南风晚来晚相识 阅读(4) 评论(0) 推荐(0)
vue使用h函数封装dialog组件，以命令的形式使用dialog组件
摘要：场景 有些时候我们的页面是有很多的弹窗 如果我们把这些弹窗都写html中会有一大坨 因此：我们需要把弹窗封装成命令式的形式 命令式弹窗 // 使用弹窗的组件 <template> <div> <el-button @click="openMask">点击弹窗</el-button> </div> < 阅读全文
posted @ 2026-01-13 09:10 南风晚来晚相识 阅读(154) 评论(0) 推荐(1)
elementui密码框自动回填密码的解决办法
摘要：会自动回填用户名和密码 最初代码是这样写的,发现了会回填用户名和密码。 并且还回填了其他input框（穿梭框） 使用 show-password 属性即可得到一个可切换显示隐藏的密码框[elementui 提供的属性] 原生属性 autocomplete: 属性值为 off / on 。 "on": 阅读全文
posted @ 2026-01-12 20:57 南风晚来晚相识 阅读(30) 评论(0) 推荐(0)
vue3使用h函数如何封装组件和$attrs和props的区别
摘要：二次封装组件需要考虑的3个重要的问题 1，props 如何进行传递 2，插槽如何穿透 3，暴露实例以及实例中的方法 在vue3中的$attrs的变化 vue3中$listeners已被删除合并到$attrs中。 vue3的$attrs现在包括class和style属性。 vue2中不包含class和 阅读全文
posted @ 2025-10-09 09:07 南风晚来晚相识 阅读(353) 评论(0) 推荐(1)
element-ui和ant-design-vue 数字输入框只能输入大于等于1的整数
摘要：限制输入的是大于等于1的整数 <template> <div> <h1>ant-design-vue 1.xx</h1> <a-input-number id="inputNumber" v-model="value2" :min="1" :max="9007199254740991" :preci 阅读全文
posted @ 2025-03-20 22:00 南风晚来晚相识 阅读(227) 评论(0) 推荐(1)
empty来显示暂无数据简直太好用，阻止用户复制文本user-select
摘要：element-ui表格某一列无数据显示-- 很多时候，表格的某一列可能是没有数据的。 空着了不好看，ui小姐姐会说显示 -- 这个时候，小伙伴是怎么做的呢？ 使用循环来判断是否为空，然后赋值为-- <template> <el-table :data="tableData" style="widt 阅读全文
posted @ 2023-03-13 12:19 南风晚来晚相识 阅读(684) 评论(0) 推荐(0)
element-plus 按需引入将英文组件修改为中文
摘要：element-plus 默认是英文组件：如下图 将它设置为中文组件 app.vue文件 <template> <el-config-provider :locale="locale"> <router-view></router-view> </el-config-provider> </temp 阅读全文
posted @ 2022-04-25 21:34 南风晚来晚相识 阅读(2049) 评论(0) 推荐(0)