el-tooltip内嵌套el-progressel-progress需要始终显示el-tooltip根据数据条件判断是否显示鼠标悬停
可以使用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-tooltip。progressPercentage是进度条的百分比,el-progress始终显示在el-tooltip内部。根据具体的业务逻辑,你可以在组件中修改showTooltip和progressPercentage的值来实现你的需求
原文地址: http://www.cveoy.top/t/topic/izt7 著作权归作者所有。请勿转载和采集!