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

文章目录

问题描述

  • 关键代码:
<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-tooltipel-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>

猜你喜欢

转载自blog.csdn.net/qq_45677671/article/details/134028757
今日推荐