用户登录

按了内容项目下面的删除按钮以后,会执行删除动作,把内容项目从后端服务那里删除掉 .. 现在我想让页面立即做出反应,去掉被删除掉的内容项目 ..

我们可以在执行了删除动作以后,重新向后端服务请求一个内容列表 .. 或者直接在 store 的 state 里面,把删除的内容项目从列表里面去掉 .. 下面我们可以试一下这种方法 ..

在动作里面可以提交修改,就是 commit mutation .. 在这个 destroyAction 动作里面,把内容从后端服务那里删除掉以后 .. 接着再用一下 context.commit .. 修改是 removeItem .. 带着内容的 id ..

然后再去添加这个修改 .. 在 mutations 里面,添加一个 removeItem .. 一个 state 参数 .. 还有一个 id 参数 ..

修改里面重新设置一下 state 里的 list .. 让它等于 .. 用一下 state.list.filter .. 当前项目是 item .. return 的是 item.id 不等于 id 的项目 .. 也就是返回在 list 里面,除了被删除掉的内容项目以外的所有项目 ..

打开 assets .. db.json .. 复制一下里面的内容 .. 再回到前台页面 .. 按一下内容项目下面的 Delete .. 会执行 destroyAction 动作 .. 把内容项目从后端服务那里删除掉 .. 接着会 commit 一个 removeItem 修改,把内容项目从列表里面去掉 ..

再看一下 db.json ... 现在这个文件里面就只剩下一个内容项目了 .. 把复制的内容再粘贴到这个文件里恢复一下 ..

移除内容项目的修改《 Nuxt.js:数据管理 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点