处理文字超长鼠标移入提示全内容，未超过固定长度就不提示 ----方法待校验

function textRange(el: any) {
  const textContent = el;
  const targetW = textContent.getBoundingClientRect().width;
  const range = document.createRange();
  range.setStart(textContent, 0);
  range.setEnd(textContent, textContent.childNodes.length);
  const rangeWidth = range.getBoundingClientRect().width;
  return rangeWidth > targetW;
}

function isShowToltip(e: any, index: any) {
  const bool = textRange(e.target);
  AssessmentPlanList.value[index].isShow = bool;
}
function hideTip(index: any) {
  AssessmentPlanList.value[index].isShow = false;
}

//templete
<div
   class="text-truncate flex-1 w-[100%]"
   @mouseenter="(e) => isShowToltip(e, index)"
   v-if="!item.isShow"
   @mouseout="hideTip(index)"
 >
   {{ item.planName }}
</div>
<el-tooltip
  placement="top"
  append-to="#scroll-panel"
  v-if="item.isShow"
  :show-after="200"
>
  <template #content>
    <div class="w-[450px]">{{ item.planName }}</div>
  </template>
  <div class="text-truncate flex-1 w-[100%]">
    {{ item.planName }}
  </div>
</el-tooltip>