【Element UI】解决 el-button 禁用状态下，el-tooltip 提示不生效问题

最新推荐文章于 2024-08-01 15:40:32 发布

一颗不甘坠落的流星

最新推荐文章于 2024-08-01 15:40:32 发布

阅读量1.7k

点赞数 1

分类专栏：编码报错及解决方法文章标签： ui javascript vue.js

本文链接：https://blog.csdn.net/qq_45677671/article/details/134028757

版权

编码报错及解决方法专栏收录该内容

24 篇文章 2 订阅

订阅专栏

文章目录

- 问题描述
- 解决方法

问题描述

关键代码：

<el-tooltip
	content="一段提示内容"
	placement="bottom"
	effect="light"
	:disabled="count >= 100"
>
	<el-button
		type="text"
        class="dl-button"
        :disabled="count < 100"
    >
    选择
	</el-button>
</el-tooltip>

解决方法

在 el-tooltip 和 el-button 之间包裹一层标签，如 div

<el-tooltip
	content="一段提示内容"
	placement="bottom"
	effect="light"
	:disabled="count >= 100"
>
	<div>
		<el-button
			type="text"
            class="dl-button"
            :disabled="count < 100"
         >
         选择
         </el-button>
	</div>
</el-tooltip>