Layui table表格字段如何添加超链接属性

(元素模板) / 2023-08-21 14:19

如何在layui的table 里面添加 a标签跳转链接呢？元素模板为您解答
第一步：在table渲染的指定字段中添加templet属性

{field: 'db_url', title: '链接', align: "center", sort: true,width:100,templet: addlink}

我这里templet属性指向的变量是addlink（可自行命名）

第二步：添加方法

var addlink = function (d) {
    //这里是拼接三个字符串拼接成一个完整的a标签，中间的字符串是url
    var html = '<a style="color:#1E9FFF" href="' +d.db_url+ '" target="_blank">跳转</a>';
    return html
};
// 方法参数中的d是接口返回的所有字段和数据

这里的方法主要是返回了一个完整的a标签（通过将a标签的前半段 + 具体的url + a标签后半段拼接成一个a标签）

本文来源：Layui table表格字段如何添加超链接属性

本文地址：https://www.ys720.com/jiaocheng/layui/4786.html

上一篇：layer 弹窗如何全屏显示？

下一篇：layui 2.6.13 select下拉搜索如何支持大小写