如果每个 <li> 下面都有个<a href="不同的链接地址">, 这个应该怎么循环出来

如果每个 <li> 下面都有个<a href="不同的链接地址">, 这个应该怎么循环出来；怎么循环出 href=""

Bestdoing

2018-05-30

源自：vue2.5入门 2-6

关注问题我要回答

1836

操作

收起

4 回答

阿豆和猫小姐回答被采纳 +2 积分
2018-05-30

</ul>

let a = new Vue({

el: "#aaa",

data:{

items: [

{

href: 'http://www.baidu.com',

name: 'baidu'

{

href: 'http://www.taobao.com',

name: 'taobao'

}

]

}

})

4 回复有任何疑惑可以回复我~

收起回答

贾骨文

a 的 href 为什么要写成 <a :href=""> ，而不是 <a href="">

2018-07-18 回复有任何疑惑可以回复我~

慕侠6209334 回复贾骨文

因为是data的属性，需要使用v-bind绑定到a标签的href属性上,即v-bind:href="",简写为:href，这样href的值才能被解析为一个url地址。如果不绑定，href的值就会被当做字符串解析出来，而不是一个url地址。

2018-08-16 回复有任何疑惑可以回复我~

玖零儛
2018-08-30

照着玩了下，点开链接，控制台还有这种东西23333

0 回复有任何疑惑可以回复我~

收起回答

桑柚
2018-06-30

为什么我的需要index与item调位？(っ °Д °;)っ

0 回复有任何疑惑可以回复我~

收起回答

Bestdoing 提问者
2018-05-30

<ul>
  <li v-for="(list,index) of lists" :key="index"><a  :href="list.href">{{list.text}}</a></li>
</ul>

lists:[
  {text:'vue-router',href:'http://router.vuejs.org'},
  {text:'vuex',href:'http://vuex.vuejs.org'},
  {text:'vue-loader',href:'http://vue-loader.vuejs.org/'},
  {text:'awesome-vue',href:'https://github.com/vuejs/awesome-vue'},
],

0 回复有任何疑惑可以回复我~

收起回答