用vue循环遍历来自json的数据，并实现到＜a＞标签中

2023-11-03 05:10| 来源: 网络整理| 查看: 265

用vue循环遍历来自json的数据，并实现到< a >标签中

我们从后端收到的json数据中包括URL，name等属性，先提取json中的关键字段重新组装成一个新的变量urls，然后通过v-for和v-html讲urls中的a标签遍历展示在制定位置。不过这个方法略扯，大家看看就行不要学我，并且v-html不安全，易被xss攻击。

{{url}} var json={"titles":[ {"name":"门店管理","url":"door_list.html"}, {"name":"订单管理","url":"order_list.html"} ] }; var urls={"urls":[]}; for(var i=0;i el: "#app", data: urls } var vue =new Vue(options);

后来才发现上面这个方法非常扯淡，其实只要使用v-bind就能实现属性的绑定，可太简单了，用不着这么麻烦

› {{title.name}} var json={"titles":[ {"name":"委托管理","url":"wtd_list.html"}, {"name":"订单管理","url":"order_list.html"} ] }; // var urls={"urls":[]}; // for(var i=0;i el: "#app", data: json } var vue =new Vue(options);

参考链接 [1]: https://blog.csdn.net/MyxZxd/article/details/103452015

【本文地址】

公司简介

联系我们