vue里a标签从后台获取链接并实现跳转

最新推荐文章于 2024-07-03 16:34:06 发布

熊抱抱的一粒

最新推荐文章于 2024-07-03 16:34:06 发布

阅读量3.3k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/qq_52959651/article/details/110732306

版权

在Vue应用中，通过`v-for`指令结合后台获取的JSON数据，可以实现在页面上循环渲染a标签并实现点击跳转。代码示例展示了如何使用别名绑定数据进行循环，并在a标签中展示后台提供的链接。

摘要由CSDN通过智能技术生成

vue里a标签从后台获取链接并实现跳转

当我从data里写一个json时，页面渲染循环出json文件，链接可以实现跳转。
代码：

<style>
        #app{
   
            min-width: 1200px;
            margin: 0px 60px;
        }
        #app ul li{
   
            display: inline-block;            
            border: 1px solid gray;
            list-style: none;
        }
       
        #app ul li img{
   
            width: 200px;
            height: 300px;
        }
    </style>