我这里取数据遍历，怎样能实现单击此链接获取到当前数据的id值

Question

问个问题，我这里取数据遍历，怎样能实现单击此链接获取到当前数据的id值，传递到另一个页面

```html


            <li v-for="cgb in categoryBanner"><a href="route_list.html">{{cgb.cname}}</a></li>

```

Answer 1

该回答引用ChatGPT
要实现单击链接获取当前数据的id值，并将其传递到另一个页面，你可以通过添加一个路由参数来实现。

具体来说，你可以将当前数据的id值作为路由参数添加到链接的末尾。在路由参数中，你可以使用“:参数名”来指定参数名，然后使用“参数值”来设置参数值。

下面是一个示例链接，展示了如何将当前数据的id值作为路由参数添加到链接的末尾：

<li v-for="cgb in categoryBanner"><a :href="'route_list.html?id=' + cgb.id">{{cgb.cname}}</a></li>

在这个示例中，我们使用了“:href”来指定链接的href属性，并将链接的值设置为“route_list.html?id=”加上当前数据的id值。

在另一个页面中，你可以使用JavaScript或其他工具来获取路由参数中的id值。例如，如果你使用JavaScript来获取路由参数，可以使用以下代码：

// 获取当前页面的URL
var url = window.location.href;

// 从URL中提取id参数的值
var id = url.split('id=')[1];

这样，你就可以从路由参数中获取当前数据的id值，并在另一个页面中使用它了。