【Vue】show-overflow-tooltip 与 el-tooltip 都不生效

Z时代
2024-01-10
分类：技术分享

show-overflow-tooltip 与 el-tooltip 都不生效

vue版本：3.0.0-beta.16
element-ui:2.4.6
el-tooltip 代码：
【Vue】show-overflow-tooltip 与 el-tooltip 都不生效

        <el-button icon="el-icon-search" size="mini" type="primary" @click="search()">查询</el-button>
<el-button  size="mini" type="primary" icon="el-icon-remove" @click="resetSearch()">重置</el-button>
<el-button icon="el-icon-plus" size="mini" type="primary" @click="addData()">新增</el-button>
<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
<el-button>上左</el-button>
</el-tooltip>

show-overflow-tooltip 代码：

【Vue】show-overflow-tooltip 与 el-tooltip 都不生效

    <el-table :data="tableData" border tooltip-effect="dark">
<el-table-column prop="id" label="标识" width="100"></el-table-column>
<el-table-column prop="name" label="数据生成名称" width="120" show-overflow-tooltip></el-table-column>
<el-table-column prop="dsname" label="数据源" width="200"></el-table-column>
<el-table-column prop="status" label="状态" width="120" :formatter="statusFormatter"></el-table-column>
<el-table-column prop="createTime" label="创建时间"></el-table-column>
<el-table-column prop="updateTime" label="修改时间"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button size="mini" type="primary" icon="el-icon-edit" @click="editData(scope.row)">编辑</el-button>
<el-button size="mini" type="danger" icon="el-icon-circle-close" @click.native.prevent="deleteSubmitForm(scope.$index,scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>