element-ui框架table表格里面放入a标签。

712 阅读1分钟

1.tableData:数组

<el-table :data="this.tableData"  v-loading="tableLoad" class="gray">
    <el-table-column prop="number" label="序号" width="50px" align="center"/>
    <el-table-column prop="information" label="超链接">
       <template slot-scope="tableData">
        <a :href="tableData.row.url" target="_blank" class="ycolor">
          {{tableData.row.information}}
        </a>
      </template>
    </el-table-column>
</el-table>

2.data:放数据的地方

  tableData: [
    {
      number:1,
      information:"百度:https://www.baidu.com/",
      url:"https://www.baidu.com/"
    },
  ],