課程
/前端開發
/Vue.js
/vue2.5入門
如果每個 <li> 下面都有個<a href="不同的鏈接地址">, 這個應該怎么循環出來；怎么循環出 href=""
2018-05-30
源自：vue2.5入門 2-6
正在回答
<ul id="aaa">
? ? <li v-for='(item,index) in items' :key=index><a :href='item.href'>{{item.name}}</a></li>
? </ul>
??
? ? let a = new Vue({
? ? ? el: "#aaa",
? ? ? data:{
? ? ? ? items: [
? ? ? ? ? {
? ? ? ? ? ? href: 'http://www.baidu.com',
? ? ? ? ? ? name: 'baidu'
? ? ? ? ? },
? ? ? ? ? ? href: 'http://www.taobao.com',
? ? ? ? ? ? name: 'taobao'
? ? ? ? ? }
? ? ? ? ]
? ? ? }
? ? })
賈骨文
慕俠6209334 回復 賈骨文
照著玩了下，點開鏈接，控制臺還有這種東西23333
為什么我的需要index與item調位？(っ °Д °;)っ
<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'}, ],
舉報
快速理解Vue編程理念上手Vue2.0開發。
3 回答有一個問題，我發現如果input框里什么也不輸入時點擊提交仍然能創建一個空的li出來，請問怎么能檢測如果input中的值為空不創建li呢
4 回答為什么每次點擊都是刪除最后一個,而不是刪除點擊的那個li
1 回答請問 這個報錯是因為什么，應該怎么改
1 回答如果無需要把列表中的某個值賦值給一個變量該怎么做？
3 回答請問 Vue.component 新版應該怎么寫這個布局，不讓寫點啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-05-30
<ul id="aaa">
? ? <li v-for='(item,index) in items' :key=index><a :href='item.href'>{{item.name}}</a></li>
? </ul>
??
? ? let a = new Vue({
? ? ? el: "#aaa",
? ? ? data:{
? ? ? ? items: [
? ? ? ? ? {
? ? ? ? ? ? href: 'http://www.baidu.com',
? ? ? ? ? ? name: 'baidu'
? ? ? ? ? },
? ? ? ? ? {
? ? ? ? ? ? href: 'http://www.taobao.com',
? ? ? ? ? ? name: 'taobao'
? ? ? ? ? }
? ? ? ? ]
? ? ? }
? ? })
2018-08-30
2018-06-30
為什么我的需要index與item調位？(っ °Д °;)っ
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'}, ],