之前那篇 我们从项目配置到完成查询和添加已经完成 现在我们把后续的修改和删除说完
删除很简单 添加2个按钮 template上的 scope可以理解为一个作用域 从他身上能获取到这行数据 scope.row
然后用vue绑定一个方法 去调用后台接口
这样删除就ok了
不过你会发现 当你删除后 回来如果code==1 你要刷新页面 而如果你采用了location.href的方式 你就会看见页面整个刷新
那样是不对的 我们是单页面应用 用的也是类ajax 所以我们只要刷新我们table部分这个组建就行 所以我们将location.href换成调用我们的查询方法就行了
当然 你这么写 还会有问题 因为 此时的this已经不是vue这个对象了，而是一个未定义的this，所以 你可以选择在ajax前将这个this存给一个that 然后调用that
就是这样
当然 就好使了 但是这样还是太麻烦 所以 我们就可以使用es6的箭头函数 就直接处理了this对象消失的问题
下面说说修改 这里我们要做一个组件 组件的内容是一个回显的模态框 用到了elementui的el-dialog
首先将修改抽抽成一个组建
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
