element触碰展示省略内容

<template slot-scope="scope">
  <el-popover
    placement="top-start"
    title="refundText"
    width="200"
    height="500"
    trigger="hover"
    :content="scope.row.scontent">
    <div slot="reference">{{ellipsis(scope.row.scontent,5)}}</div>
  </el-popover>
</template>

效果图

    // 超出文本省略
    ellipsis (value, limit) {
      if (!value) return ''
      if (value.length > limit) {
        return value.slice(0, limit) + '...'
      }
      return value
    }