1、el-table代码块
<el-table
:data="tableData"
style="width: 98%; margin: 0 auto"
:header-cell-style="{
background: '#d7d7d7!important',
height: '48px',
color: '#909399'
}"
height="550"
>
<el-table-column prop="id" label="ID" align="center"> </el-table-column>
<el-table-column prop="signal_name" label="信号名称" align="center">
<template slot-scope="scope">
<el-popover trigger="hover" placement="top">
<p style="width: 200px">{{ scope.row.signal_name }}</p>
<div slot="reference">
<el-tag
size="medium"
style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis"
>{{ scope.row.signal_name }}</el-tag
>
</div>
</el-popover>
</template>
</el-table-column>
</el-table>
2、js代码块
tableData: [
{
id:1,
signal_name:
'惯性导航装置-导航状态(0x00: 预热.0x01: 对准,0x02: INS,0x05: INS+DMI,0x07: NS+GNSS,0x08: INS+GNSS+DMI,0X81',
}
],