Elementui Tooltip 文字提示 动态赋值_el-tooltip动态数据类型

看了官网的介绍，可以在多个位置加提示。我是在右面加的文字提示，鼠标移入移出会有动画效果。

后端返回的数据结构如下

tableData: [
        {
          corsName: '',
          status: '',
          corsCode: '',
          messageInformation:''
        }
      ]
1
2
3
4
5
6
7
8

实现代码如下，可直接复制～

<el-table-column prop="messageInformation" label="详细信息" width="220">
              <template slot-scope="scope">
              <el-tooltip class="item" effect="dark" :content="scope.row.messageInformation" placement="right">
                <el-button type="text">查看详情</el-button>
              </el-tooltip>
              </template>
            </el-table-column>
1
2
3
4
5
6
7