1.监听删除按钮的点击事件,并且拿到传入当前一行的数据
2.在逻辑层处理这个事件
- //5.删除操作
- const handleDeleteClick=(item:any)=>{
- console.log(item)
- }
3.这样我们就可以拿到item这条数据 了
4.拿到这条数据之后就可以做一个删除操作了(与网络交互相关的操作放到vuex 里面操作)
5.首先在网络请求里面封装一个删除方法
6.来到store/system 里面 在actions 里面发送网络请求
7.删除以后在重新发送我们的最新数据网络请求
8. 然后在page-content.vue 去调用actions 里面删除请求的方法 做删除操作
9.并传入对应的参数(pageName和商品id)
10.效果图