活不多说 直接上方法
首先在<el-table-column></el-table-column>标签内添加<template></template>标签,如下代码所示
<el-table-column prop="url" label="官网" width="240">
<template slot-scope="scope">
<a :href="scope.row.url" target="_blank">{{scope.row.url}}</a>
</template>
</el-table-column>
a标签的href需用v-bind绑定 或简写:href
template标签中的 slot-scope="scope" 是elementui组件自己封装的 照写就可
:href="scope.row.url" 代表你要访问的这一行里面的url(上面prop传进来的url)