目录
gitee仓库地址:
https://gitee.com/CMD-UROOT/my_project/commits/master
大家根据上传历史进行查找你需要的代码
业务需求
点击删除按钮,弹出气泡确认框,我们点击确定,这条属性值就真的会删除
我们需要利用ElementUI里面的气泡确认框
文档地址:Element - The world's most popular Vue UI framework
在views/product/Attr/index.vue中:
1.找到对应的结构添加气泡确认框
把气泡确认框放进去
在修改:
效果有了
2.修改弹框内信息与valueName对应
3.实现删除业务
先看看数据,我们要想实现删除业务,无非就是删除数组attrValueList里面对应的属性值就可以了
那么什么时候删除呢,是当我们点击气泡按钮的确认的时候删除
所以我们需要看看文档,里面的确定触发的是哪个事件
添加事件:
methods中的事件回调:
控制台:我们发现触发不了
原因是:我们element-ui这里的版本是老版本 的,而文档现在是2.15.7了,老版本气泡确认框是onConfirm
所以我们这样写:就可以实现了
效果:
为了区分我们删除的是谁,我们需要把attrValueList里面对应的属性值的索引值传给回调
到此就完成了删除的业务,点击确认就可以删除对应的属性值