<el-table-column
label="计量单元"
prop="measure_str"
align="center"
width="450"
><template slot-scope="scope">
<el-tooltip class="item" effect="dark" placement="left-start">
<div v-html="contentFun(scope.row.measure_str)" slot="content"></div>
<div style="text-align: left">
<div v-for="(item,index) of scope.row.measure_str" :key="index" >
<div v-if="index < 6">{{ item }}</div>
</div>
<div v-if="scope.row.measure_str && scope.row.measure_str.length>6">...</div>
</div>
</el-tooltip>
</template>
</el-table-column>
this.tableData= [{
measure_str:[
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩1',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩2',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩3',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩4',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩5',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩6',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩7',
'第1级目录/第2级目录/第3级目录/1#墩1#墩1##墩/钻孔灌注桩8',
]
}]
contentFun(measure_str) {
let str = ''
if(measure_str && measure_str.length) {
str = measure_str.join('<br/>')
}
return str
},