vuejs如何v

<code><table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>id</th>
                            <th>name</th>
                            <th>pass</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <template v-for="data in apidata" track-by="$index">
                            <tr>
                                <td>{{$index + 1}}</td>
                                <td>
                                    <input v-model="data.name">
                                    {{data.name}}
                                </td>
                                <td>
                                    <input v-model="data.name">
                                    {{data.name}}
                                
                                </td>
                                <td>
                                    <button v-on:click="remove($index)" class="btn btn-danger">删除</button>
                                    <button v-on:click="edit(data)" class="btn btn-danger">编辑</button>
                                </td>
                            </tr>
                        </template>
                    </tbody>
                </table></code>

然后在方法中

<code>            edit: function(data){
                //alert(data.editmode);
                data.editmode = true;
            }</code>

我可以看到每次这样子做后，editmode确实改变成了true,但是那一行数据并没有变成input模式，求教实现方法。