el-dialog title展示不下,鼠标hover显示tip
<el-dialog
:visible.sync="shows"
:close-on-click-modal="false"
v-dialogDrag
width="520px"
>
<template #title>
<div class="custom-title">
<el-tooltip
placement="top"
effect="light"
>
<div slot="content">
{{ titleTip }}
</div>
<div>
{{ title }}
</div>
</el-tooltip>
</div>
</template>
<div
style="overflow-y:auto;"
>
<!-- 中间内容 -->
</div>
</el-dialog>
定义2个变量
title: '',
titleTip: '',
this.titleTip = row.name
this.title = row.name.length > 20 ? row.name.slice(0, 20) + '...' : row.name