<template>
  <el-tooltip
    class="item"
    effect="dark"
    :content="contentName"
    placement="top-start"
  >
    <p class="text_ellispsis">{{ contentName }}</p>
  </el-tooltip>
</template>
<script>
export default {
  props: {
    contentName: [Number, String],
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.text_ellispsis {
  // width: 200px; /* 限制宽度 */
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
}
</style>
