vue使⽤element-ui中的table表格，实现某⼀列的⽂字超出规定字符显⽰省略号第⼀步，判断渲染的字段是否超过规定字符
实现这⼀步要⽤到作⽤域插槽，然后是参考table组件中⾃定义列的demo，就可以拿到
el-popover 这⼀个组件，这⼀个组件的使⽤就是，你要做哪⼀段⽂字的提⽰，你就把那⼀段⽂字放进el-popover 这⼀个组件中，代码写的⽐较详细啦
<el-table-column label="公司部门">
蜕变计划<!--利⽤了作⽤域插槽，⾃定义了“公司部门”这⼀列-->
<template slot-scope="scope">
<el-popover popper-class="area_popper" offt=-150 trigger="hover":open-delay=0:clo-delay=0 placement="top":disabled='isShowBox'>
<!--提⽰的⽂字框，显⽰所有的部门信息-->
bec报名官网<p class="showText">{{ porate_ctor }}</p>
<!--利⽤三元表达式判断是否超过预期的长度-->
<div slot="reference" v-on:>{{ porate_ctor.length >20? porate_ctor.slice(0,20)+'...': porate_ct or}}</div>
</el-popover>
</template>
</el-table-column>
第⼆步，当⿏标经过时，判断是否要显⽰提⽰的信息
其实这⼀步就是，当⿏标经过这个字段时，要判断，该字段的长度是否超过规定的字符，超过的话，⿏标经过该字段，显⽰提⽰信息，没有超过该字段，不显⽰提⽰信息
<el-table
:data="rosterList"
:header-cell-
@cell-mou-enter="showBox"
@cell-mou-leave='hideBox'鳟
stripe
>
</el-table>
@cell-mou-enter=“showBox”
@cell-mou-leave=‘hideBox’ 要⽤到这两个事件，⼀个是⿏标某个单元格触发的事件，⼀个是⿏标离开某个单元格触发的事件，对应的处理函数代码如下：
计算机安全技术
// ⿏标经过显⽰盒⼦
showBox:function(row, column, cell, e){
llIndex ===3&& e.target.innerText.length >=20){
this.isShowBox =fal
}
el{
this.isShowBox =true反电信诈骗
}
},
// ⿏标离开隐藏盒⼦
hideBox:function(row, column, cell, e){
晚婚晚育假this.isShowBox =true
}
:disabled=‘isShowBox’ 就是控制提⽰框是否要显⽰，这个属性，要定义到data中
这样就实现了，功能
芦荟种植但是还有很多可以优化的地⽅，本⼈才疏学浅，还请各位⼤佬，多多指点；
⽐如，判断是否超过规定字符时，我在插值表达式中，写了三元表达式，这样显的代码太冗余，
爱我国防⼤佬有没有优化的⽅案，分享⼀下
