随笔 - 59,  文章 - 5,  评论 - 1,  阅读 - 55955

随笔分类 -  Element-UI

el-table设置表格表头和内容的对齐方式及样式
摘要:在el-table标签上加上以下代码即可为表头和表格设置统一对齐方式和样式 :header-cell-style="{ 'text-align': 'center', 'background': '#f7f8fa' }" :cell-style="{ 'text-align': 'center' } 阅读全文
posted @ 2023-04-23 17:10 好大的虫子 阅读(2030) 评论(0) 推荐(0) 编辑
给el-table或给el-select添加懒加载
摘要:1、在组件上写上自定义事件的名称 v-el-table-tableLazy="tableLazy" 或 v-el-select-selectLazy="selectLazy" 2、在export default 内上自定义事件指令 directives: { "el-select-selectLaz 阅读全文
posted @ 2023-04-23 15:51 好大的虫子 阅读(343) 评论(0) 推荐(0) 编辑
element 卡片el-card 的点击事件无效解决方案
摘要:1、在事件中加个.native即可解决: @click.native="dialogVisible = true" 阅读全文
posted @ 2023-02-16 19:33 好大的虫子 阅读(1236) 评论(0) 推荐(1) 编辑
在Element-ui input框内添加图标并附加点击事件
摘要:在标签内添加 <i slot="suffix" class="el-icon-view" @click="showPwd"></i> 即可出现图标,并附加了点击事件 <el-input v-model="ruleForm.password" placeholder="请输入密码"> <i slot= 阅读全文
posted @ 2022-06-28 13:20 好大的虫子 阅读(3506) 评论(0) 推荐(0) 编辑
Element-ui 实现密码框内密码的显示与隐藏
摘要:只需要在 el-input 的标签中加入 show-password 即可 <el-input v-model="ruleForm.password" placeholder="请输入密码" show-password> 阅读全文
posted @ 2022-06-28 13:17 好大的虫子 阅读(1820) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示