作者godman362 (卯)
看板Ajax
标题[问题] Vue 的 v-on 作用范围
时间Thu Mar 16 14:06:57 2017
请教一下，我目前写了一段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://webptt.com/cn.aspx?n=bbs/Ajax/M.1489644420.A.9D7.html
※ 编辑: godman362 (220.134.71.154), 03/16/2017 14:07:43
1F：→ itisjoe: {{key}}这行加个标签 再将 v-on:click 放在这标签中呢? 03/16 15:24
2F：→ godman362: 加标签是指用div再包一层吗? 我这样试过，结果一样 03/16 15:32
3F：→ godman362: 不好意思，刚刚改错，照i大的说法是可以的 03/16 15:36
4F：→ godman362: 可是我还是不明白v-on的作用，可否指点一二？ 03/16 15:38
5F：→ godman362: 或是可以提点一下keyword怎麽找，我目前google不到 03/16 15:38
6F：→ godman362: 跟我一样的状况 03/16 15:38
7F：→ godman362: 这个问题跟Vue无关，刚刚试了纯HTML就会有这问题 03/16 16:13
8F：→ godman362: 因为是我对HTML的运作有误解，先谢谢i大 03/16 16:13
9F：→ hankhu: 感觉跟event bubbling有关 03/23 12:08
10F：→ hstt: @click.self 01/05 17:29