vue3 el-tab-pane 禁用状态下 el-tooltip 失效的问题

<el-tab-pane name="data" disabled>
  <template #label>
    <el-tooltip content="~暂未开通~" placement="top">
      <span class="disabled-label">数据角色</span>
    </el-tooltip>
  </template>
</el-tab-pane>


.disabled-label {
  pointer-events: auto; /* 启用鼠标事件 */
  opacity: 0.6; /* 模拟禁用视觉效果 */
  cursor: not-allowed; /* 显示禁用光标 */
}