Elementui Tooltip 文字提示 动态赋值

看了官网的介绍,可以在多个位置加提示。我是在右面加的文字提示,鼠标移入移出会有动画效果。
Elementui Tooltip 文字提示 动态赋值_第1张图片
后端返回的数据结构如下

tableData: [
        {
          corsName: '',
          status: '',
          corsCode: '',
          messageInformation:''
        }
      ]

实现代码如下,可直接复制~

<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>

你可能感兴趣的:(Elementui Tooltip 文字提示 动态赋值)