Vue在Mvc中的增删改查
时间:2021-08-15
本文章向大家介绍Vue在Mvc中的增删改查,主要包括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可以让数据显示在标签上,最后进行修改
原文地址:https://www.cnblogs.com/zxy001126/p/15144867.html
- 44个Java代码性能优化总结
- LDA(Linear Discriminant Analysis)算法介绍
- Express.js 4,Node.js,MongoDB REST API 简易教程
- 基于梯度下降算法求解线性回归
- 彩色图像高斯反向投影
- OpenCV中直方图反向投影算法详解与实现
- 基于一维级联快速膨胀与腐蚀算法
- mac下利用Breakpad的dump文件进行调试
- OpenCV3.2集成Android Studio2.2开发配置
- laravel中使用gulp打包发布前端部分
- Spring的编程式事务和声明式事务
- Java过滤器Filter的使用详解
- 基于积分图的二值图像膨胀算法实现
- Java监听器Listener的使用详解
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法