请教一下，我目前写了一段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也受到影响
想请教这部分应该如何进行修正？ 还望先进指点，感谢

{{key}}这行加个标签 再将 v-on:click 放在这标签中呢?

加标签是指用div再包一层吗? 我这样试过，结果一样不好意思，刚刚改错，照i大的说法是可以的可是我还是不明白v-on的作用，可否指点一二？或是可以提点一下keyword怎么找，我目前google不到跟我一样的状况这个问题跟Vue无关，刚刚试了纯HTML就会有这问题因为是我对HTML的运作有误解，先谢谢i大

感觉跟event bubbling有关