可以使用v-if指令来根据数据条件决定el-tooltip是否显示,同时将el-progress放置在el-tooltip内部,使其始终显示。以下是一个示例代码:

<template>
  <el-tooltip v-if="showTooltip" effect="dark" content="Tooltip content" placement="top">
    <el-progress :percentage="progressPercentage" />
  </el-tooltip>
</template>

<script>
export default {
  data() {
    return {
      showTooltip: false, // 根据数据条件判断是否显示tooltip
      progressPercentage: 50 // 进度百分比
    }
  }
}
</script>

在上述代码中,showTooltip是一个数据变量,根据数据条件决定是否显示el-tooltipprogressPercentage是进度条的百分比,el-progress始终显示在el-tooltip内部。根据具体的业务逻辑,你可以在组件中修改showTooltipprogressPercentage的值来实现你的需求

el-tooltip内嵌套el-progressel-progress需要始终显示el-tooltip根据数据条件判断是否显示鼠标悬停

原文地址: http://www.cveoy.top/t/topic/izt7 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录