element-plus
2022-10-08 17:22:18
238
{{single.collect_count}}

1、element-plus中Message被dialog覆盖
修改dialog的z-index::z-index="1000"

<el-dialog v-model="dialogFormVisible" :z-index="1000" width="440px" custom-class="dialogcss" :title="dialogtitle">

2、引入ElMessage、Notification 报错

import { ElMessage } from 'element-plus'

改成

import { ElMessage } from 'element-plus/dist/index.full.js'

3、vue3中使用样式穿透修改element-plus组件的样式
// 修改table的行高

html中:<el-table :data="person_list" mt-28px class="tablecss">
css中:.tablecss::v-deep(.el-table__row){height: 48px;}

::v-deep(这括号里只能写一个标签或者class)
下面是无效的写法

.tablecss::v-deep(.el-table_1_column_1 .el-table__cell){height: 48px;}
回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}