【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>

你可能感兴趣的:(编码报错及解决方法,ui,javascript,vue.js)