时间戳

首页 > 解决方案 > 尝试传递数组参数以创建动态 URL

javascript - 尝试传递数组参数以创建动态 URL

问题描述

我正在尝试向我的表中添加一个列，其中包含一个鼠标悬停图标，并显示它链接到的记录页面的预览缩略图。

到目前为止，我在鼠标悬停时看到了缩略图以及其他字段。不幸的是，我只能使它与静态 URL 一起使用。一旦我尝试向 URL 添加一个变量，我的整个表格就不再显示了。

这是现在的代码，它具有静态 URL。

function makeArray(arr) {
var array = [];
for(var i = 0; i < arr.length; i++){
    var row = { date:'', view:'', name:'', comment:'', createdAt:'', updatedAt:'',reportId:''};

    row.date = new Date(arr[i].date).toLocaleDateString();
    row.view = '<a class="tiptext">view<iframe class="description" src="http://myurl.com/report.html?62"></iframe></a>';
    row.name = arr[i].name;
    row.comment = arr[i].comment;
    row.createdAt = arr[i][36];
    row.updatedAt = arr[i].updatedAt;
    row.reportId = arr[i].reportId;
    array.push(row);
}
showDataTable(array);

我想要做的不是让它链接到（在这种情况下）记录62，而是使用每条记录的reportId并将其插入URL而不是62。

我现在试图找到一个解决方案，但我似乎无法找到它。你们知道如何解决这个问题吗？

谢谢

标签： javascriptvariablesurldynamic-url

解决方案

请试试这个：

 row.view = `<a class="tiptext">view<iframe class="description" src="myurl.com/report.html?${arr[i].reportId}"></iframe></a>`;

推荐阅读