el-table-column根据要求显示规定字数，鼠标移开则显示全部

        <el-table-column label="名称" prop="description" align="center" width="300px">
          <template slot-scope="{ row }">
            <el-popover trigger="hover" placement="right">
              <p>{{ row.description }}</p>
              <div slot="reference" class="name-wrapper">
                <div size="medium">{{ row.description.length > 30? row.description.slice(0,30)+'...': row.description }}</div>
              </div>
            </el-popover>
          </template>
        </el-table-column>

要求：最多显示30个字，超出部分用...,同时鼠标移动后显示全部

el-popver:气泡弹出框