使用 vuejs 时，在 v-repeat 内部使用 v-on， v-repeat 在 v-on 中的绑定失效，怎么办呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3224 天前的主题，其中的信息可能已经有所发展或是发生改变。

例如：

<ul v-repeat='users'>
<li><button v-on='click:deleteUser({{id}})'>delete {{name}}</button></li>
</ul>

其中的对id的绑定会失效

失效

Button

绑定

2 条回复 • 2015-07-06 17:29:12 +08:00

oott123

2015-07-06 17:16:11 +08:00

<ul>
<li v-repeat='users'><button v-on='click:deleteUser({{id}})'>delete {{name}}</button></li>
</ul>

belin520

2015-07-06 17:29:12 +08:00

<li><button v-on='click:deleteUser(this)'>delete {{name}}</button></li>

deleteUser: function(item){
console.log(item.id);
this.users.$remove(item.$data);
}