vue__0">vue 限制字体，多出的用’…'显示

代码实现：

1、在table中

<el-table-column prop="questions" header-align="center" align="center" label="课堂问题">
        <template slot-scope="scope">
          <el-button type="text" slot="reference" @click="getQuestion(scope.row.questions)">{{ scope.row.questions | ellipsis}}</el-button>
        </template>
</el-table-column>

2、在methods上方或者下方添加过滤器，注意这个不是一个方法

filters: {
      ellipsis(value) {
        if (!value) return "";
        if (value.length > 5) {
          return value.slice(0, 5) + "...";
        }
        return value;
      }
    }