vue+Element表格超链接跳转方式
更新时间:2024年09月17日 10:09:19 作者:小只笨笨狗~
在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>总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue+element创建动态的form表单及动态生成表格的行和列
这篇文章主要介绍了vue+element创建动态的form表单及动态生成表格的行和列 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
在Vue 3中使用OpenLayers读取WKB数据并显示图形效果
WKB作为一种紧凑的二进制格式,在处理和传输空间数据时具有明显优势,本文介绍了如何在Vue 3中使用OpenLayers读取WKB格式的空间数据并显示图形,感兴趣的朋友一起看看吧2024-12-12


最新评论