怎么实现点击加号,表格中的实际数量加1,点击减号,表格中的实际数量减一,用到的技术栈是vue+elementui
怎么实现点击加号,表格中的实际数量加1
怎么实现点击加号,表格中的实际数量加1,点击减号,表格中的实际数量减一,用到的技术栈是vue+elementui
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- 北海 2023-02-08 14:55关注
这个不难啊,我把代码贴出来给你参考下:
html:<template> <el-table :data="data"> <el-table-column prop="name" label="Name"></el-table-column> <el-table-column label="Quantity"> <template slot-scope="scope"> {{ scope.row.quantity }} <el-button @click="add(scope.row)">+</el-button> <el-button @click="minus(scope.row)">-</el-button> </template> </el-table-column> </el-table> </template>
JavaScript:
<script> export default { data() { return { data: [ { name: "item1", quantity: 0 }, { name: "item2", quantity: 0 }, { name: "item3", quantity: 0 } ] }; }, methods: { add(row) { row.quantity++; }, minus(row) { if (row.quantity > 0) { row.quantity--; } } } }; </script>
如果对你有帮助,请采纳。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
- ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
- ¥500 火焰左右视图、视差(基于双目相机)
- ¥100 set_link_state
- ¥15 虚幻5 UE美术毛发渲染
- ¥15 CVRP 图论 物流运输优化
- ¥15 Tableau online 嵌入ppt失败
- ¥100 支付宝网页转账系统不识别账号
- ¥15 基于单片机的靶位控制系统
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)