Vue在Mvc中的增删改查

Vue在Mvc中的增删改查

添加：

使用v-model（双向绑定）可以给所有的标签使用

<input id="Name" type="text" v-model="fromData.Name" />

下拉框寻要使用循环：v-for

<select id="Cid" v-model="fromData.Cid">
                    <option v-for="(item,index) in selectitem" :value="item.Cid">{{item.Cname}}</option>
​
                </select>

需要一个div，把所有的内容都写在div中，

显示：

在写地址时，查找

 

 

在tbody中循环和强类型类似

<tbody>
            <tr v-for="(item,index) in list">
                <td><input type="checkbox" :value="item.ID" v-model="cbk" /></td>
                <td>{{item.Name}}</td>
                <td>{{item.Sex==true?"男":"女"}}</td>
                <td>{{item.Age}}</td>
                <td>{{item.Cname}}</td>
                <td>{{item.Hobby}}</td>
                <td><a href="#" v-on:click="edit(item.ID)">编辑</a>  <a>删除</a></td>
            </tr>
        </tbody>

修改：

需要获取传过来的id，根据id来查找要修改的数据，使用钩子函数进行显示，v-model可以让数据显示在标签上，最后进行修改