猿问

关于vuex类似提交购物车增删的逻辑。

提交一个表单,并将表单中所有的信息以对象的形式保存到vuex,就类似于购物车的形式,提交多少次就会保存多少个用户信息。

https://img1.mukewang.com/5b94d003000101d102160086.jpg

最后将姓名以getter的形式渲染出来。并且点击相应的叉叉可以移除vuex里相应的数据,请问像这样获取不到id的就一个姓名不同应该怎么实现此功能。
代码如下:
state.js

https://img4.mukewang.com/5b94d00e000152b101710053.jpg

mutation.js

https://img1.mukewang.com/5b94d01b0001b88602980105.jpg

组建中点击添加提交mutation

https://img1.mukewang.com/5b94d02e00016ef703870043.jpg

getter.js
获取的标签

https://img1.mukewang.com/5b94d03a0001977a07680036.jpg

https://img3.mukewang.com/5b94d0430001d3d303700096.jpg

想在删除的时候传入索引传入一个''但是没有用,只会生成一个新的空数据

https://img1.mukewang.com/5b94d04f0001143d01480109.jpg

https://img4.mukewang.com/5b94d05800010fd103330084.jpg

求大神指点一二


忽然笑
浏览 1311回答 2
2回答

阿波罗的战车

你名字是循环渲染的吧,可以给每一个x绑定一个点击事件,同时把下标值传进去,函数中根据这个下标值来删除对应的数据

萧十郎

楼上讲的就是最常用的方法之一并且传递的参数不用局限与下标,可以把整个对象传过去(不要害怕用对象本身w)
随时随地看视频慕课网APP
我要回答