功能:
- 调整物品数量,总价发生变化
- 物品数量不低于1
- 可删除物品记录
思路:
- 使用数组存储商品对象信息
- 使用v-for遍历数组,创建表格
- 绑定事件,实现功能
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.0.min.js"></script>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<table border="1px" align="center" style="text-align: center">
<tr>
<th width="100">编号</th>
<th width="100">名称</th>
<th width="100">单价</th>
<th width="100">数量</th>
<th width="100">操作</th>
</tr>
<tr