[問題] Vue 的 v-on 作用範圍
請教一下,我目前寫了一段nested v-for
其中cmdlist是一個Object 內裝Array的資料結構
如: { a: [1,2,3], b: [3,4,5], c: [5,6,7], d: [7,8,9] }
想在HTML呈現如下表示:
a
1
2
3
b
3
4
5
c
5
6
7
d
7
8
9
<li v-for="(item_list, key, index) in cmdlist" v-on:click="toggle(index)">
{{key}}
<ul v-if="boxes[index].show" v-for="item in item_list">
<li>{{item}}</li>
</ul>
</li>
在HTML頁面上呈現出的結果是對的,不過錯誤的是v-on:click的地方
我預期v-on:click的作用範圍只有在第一層<li> tag的部分
結果連第二層的<li> tag也受到影響
想請教這部分應該如何進行修正? 還望先進指點,感謝
--
ˍˍ
很多人在即將失去的時候,不知他即將失去,最後他就真正失去 ▕天險▏
其實,一個不曾失去的人最可憐。因為,他永遠學不會什麼叫珍惜。▕刀藏▏
 ̄ ̄
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.134.71.154
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1489644420.A.9D7.html
※ 編輯: godman362 (220.134.71.154), 03/16/2017 14:07:43
→
03/16 15:24, , 1F
03/16 15:24, 1F
→
03/16 15:32, , 2F
03/16 15:32, 2F
→
03/16 15:36, , 3F
03/16 15:36, 3F
→
03/16 15:38, , 4F
03/16 15:38, 4F
→
03/16 15:38, , 5F
03/16 15:38, 5F
→
03/16 15:38, , 6F
03/16 15:38, 6F
→
03/16 16:13, , 7F
03/16 16:13, 7F
→
03/16 16:13, , 8F
03/16 16:13, 8F
→
03/23 12:08, , 9F
03/23 12:08, 9F
→
01/05 17:29, , 10F
01/05 17:29, 10F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章