el-tooltip组件当content为空值时，不显示tooltip组件

问题：当被el-tooltip包裹的内容为空时，会显示空白，还是会出现el-tooltip组件的提示。

最终实现效果如下

情况一:当内容为空时，鼠标移入不显示tooltip

情况一:当内容不为空时，鼠标移入显示tooltip并且展示内容

`1.封装组件 命名为Mytooltip,并且注册，以下我已经全局注册过，且不需要单独引入`
<template>
  <span v-if="['', null, undefined].indexOf(content) === -1">
    <el-tooltip :content="content" effect="light" placement="top">
      <slot></slot>
    </el-tooltip>
  </span>
  <span v-else>
    <slot></slot>
  </span>
</template>

<script>
export default {
  name: "Mytooltip",
  props: {
    content: {
      type: String,
      default: "",
    },
  },
};
</script>

`2.页面中 使用`
 <el-form-item label="结束时间" prop="plan_end_time">
      <Mytooltip :content="drawerData.plan_end_time">
          <el-date-picker v-model="drawerData.plan_end_time" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" /> 
      </Mytooltip>
 </el-form-item>

原文地址