<el-tooltip :content="MODEL_ID" :disabled="tooltipShow" placement="top-start"> <span ref="content" @mouseover="isShowTooltip">版本库编号: {{ MODEL_ID }}</span> </el-tooltip> <el-tooltip :content="SIMULATOR_NUM" :disabled="tooltipShow" placement="top-start"> <span ref="content" @mouseover="isShowTooltip">模拟机编号: {{ SIMULATOR_NUM }}</span>为什么:content报错

可能是因为你在使用 `:content` 属性时，传入了一个变量名而非变量的值。可以尝试将 `MODEL_ID` 和 `SIMULATOR_NUM` 改为字符串值，例如：

<el-tooltip :content="'版本库编号: ' + MODEL_ID" :disabled="tooltipShow" placement="top-start">
  <span ref="content" @mouseover="isShowTooltip">版本库编号: {{ MODEL_ID }}</span>
</el-tooltip>

<el-tooltip :content="'模拟机编号: ' + SIMULATOR_NUM" :disabled="tooltipShow" placement="top-start">
  <span ref="content" @mouseover="isShowTooltip">模拟机编号: {{ SIMULATOR_NUM }}</span>
</el-tooltip>

这样应该就不会报错了。

相关问题

“<div v-for="(item, index) in List"> <div> <div>组织单元名称</div> <el-tooltip :disabled="isOverflow" :content="item.name" placement="top"> <div ref="bottomTitle" class="bottomTitle"> {{ item.name }} </div> </el-tooltip> </div> <div> <div>上级组织单元</div> <el-tooltip :disabled="isOverflow" :content="item.parent" placement="top"> <div ref="bottomTitle" class="bottomTitle"> {{ item.parent }} </div> </el-tooltip> </div> </div>”上述代码中需要单独判断遍历每个item.name和item.parent是否超出

要单独判断遍历每个 `item.name` 和 `item.parent` 是否超出，您可以在循环中为每个元素定义一个独立的 `isOverflow` 变量。以下是修改后的代码示例：

<div v-for="(item, index) in List">
  <div>
    <div>组织单元名称</div>
    <el-tooltip :disabled="!isOverflowName(item.name)" :content="item.name" placement="top">
      <div ref="bottomTitle" class="bottomTitle">
        {{ item.name }}
      </div>
    </el-tooltip>
  </div>
  <div>
    <div>上级组织单元</div>
    <el-tooltip :disabled="!isOverflowParent(item.parent)" :content="item.parent" placement="top">
      <div ref="bottomTitle" class="bottomTitle">
        {{ item.parent }}
      </div>
    </el-tooltip>
  </div>
</div>

在上述代码中，我们添加了两个新的方法 `isOverflowName` 和 `isOverflowParent`，这些方法用于判断 `item.name` 和 `item.parent` 是否超出。您可以根据实际需求自定义这两个方法的逻辑，例如通过比较文本长度和容器宽度来判断是否超出。

请注意，这里的 `isOverflowName` 和 `isOverflowParent` 是方法名，您需要在 Vue 实例中定义这两个方法，并根据实际情况编写逻辑。

“<el-tooltip :disabled="isOverflow" :content="item.name" placement="top"> <div ref="bottomTitle" class="bottomTitle"> {{ item.name }} </div> </el-tooltip>”需要实现内部item.name不超出外层div的时候，鼠标移过不显示tooltip

您可以通过以下方式实现内部的 `item.name` 不超出外层 `div` 时，鼠标移过不显示 `tooltip`：

<el-tooltip :disabled="!isOverflow" :content="item.name" placement="top">
  <div ref="bottomTitle" class="bottomTitle" v-if="isOverflow">
    {{ item.name }}
  </div>
  <div ref="bottomTitle" class="bottomTitle" v-else>
    {{ item.name }}
  </div>
</el-tooltip>

在上述代码中，我们使用 `v-if` 和 `v-else` 来根据 `isOverflow` 的值来控制是否显示 `div` 元素。当 `isOverflow` 为 `true` 时，表示 `item.name` 超出了外层 `div` 的宽度，此时显示 `tooltip`。当 `isOverflow` 为 `false` 时，表示 `item.name` 没有超出外层 `div` 的宽度，此时不显示 `tooltip`。

请注意，您需要根据实际需要设置 `isOverflow` 的值，以正确控制是否显示 `tooltip`。