vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue Element表格超链接跳转

vue+Element表格超链接跳转方式

作者:小只笨笨狗~

在Vue项目中使用Element UI的表格组件时,可以通过具体的单元格渲染方法添加超链接,在表格的某列中,利用模板或渲染函数插入<a>标签,设置其href属性指向目标URL,实现点击跳转功能,此方法适用于需要从表格信息中快速导航到相关详细页面的场景

vue+Element表格超链接跳转

1、背景 在vue中引入了Elem中的表格(Table),需要给某个单元格加超链接。

2、代码

elementui-表格里面加超链接

前端在表格内编号处加上超链接,显示详情:

<el-table-column prop="id" label="名称" align="center" width="100">
    <template slot-scope="props">
        <el-link type="primary" @click="handle(props.row)" :underline="false">{{props.row.id}}</el-link>
    </template>
</el-table-column>

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

阅读全文