随笔分类 -  vue / element plus

element plus
摘要:el-collapse 组件回车键会触发显隐(第一次手动触发后) 因为change方法原因 可以把事件放到title插槽上面 <template> <div class="coordination-communication"> <el-collapse v-model="activeNames" 阅读全文
posted @ 2023-12-08 11:55 天宁哦 阅读(179) 评论(0) 推荐(0) 编辑
摘要:给input标签添加css样式固定,注意使用scss语法 <style scoped lang="scss"> :deep(.el-input__wrapper) { position: relative; .el-input__inner { padding-right: 18px; } .el- 阅读全文
posted @ 2023-11-27 10:05 天宁哦 阅读(321) 评论(0) 推荐(0) 编辑
摘要:代码 新建一个loading.ts文件 import { ElLoading } from "element-plus"; /* 全局请求 loading */ let loadingInstance: ReturnType < typeof ElLoading.service > ; /** * 阅读全文
posted @ 2023-11-23 14:02 天宁哦 阅读(974) 评论(0) 推荐(0) 编辑
摘要:思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el 阅读全文
posted @ 2023-10-24 09:02 天宁哦 阅读(1322) 评论(0) 推荐(0) 编辑
摘要:## 说明 在使用element的table表格的时候,发现单元格内容较多的情况下 在`el-table-column`上面使用了`show-overflow-tooltip`属性:当内容过长被隐藏时显示 tooltip 但是他是一整行展示,不太好看 ![image](https://img2023 阅读全文
posted @ 2023-07-06 13:37 天宁哦 阅读(1252) 评论(0) 推荐(0) 编辑
摘要:> 因为项目的 elementPlus 不是全局引入而是按需引入,所以不可以使用“全局配置”。 ### 解决方案 在 App.vue 文件中加入 el-config-provider 标签以及引入具体代码 ```html xxxxxxxxx ``` 阅读全文
posted @ 2023-06-15 11:07 天宁哦 阅读(641) 评论(0) 推荐(0) 编辑

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