vue 下多 tab 下的商品保存表单设计

2021-03-28 12:47:43 +08:00
 jeesk
现在公司有个需求就是: 要求每次可以增加多个商品: 每次增加一个 tab,就新增一个商品表单 在以前的 jquery 时代, 可以直接扫描出所有的 tab 里面的对象, 然后再提交的时候,根据 index 修改 name 即可, 必须 tab 1 里面的名字就是 good[1].name, 如果是 tab 2,那么就是 googs[2].name . 现在用了 vue 了, 完全懵了. 我要如何才能达到这种效果呢
2120 次点击
所在节点    Vue.js
7 条回复
weimo383
2021-03-28 13:25:04 +08:00
vuex 全局储存信息
tanranran
2021-03-28 14:10:26 +08:00
vuex 或者 sessionstorage 或者 vue.prototype.global
imjamespond2020
2021-03-28 15:56:24 +08:00
很简单用 react 就行了
Quarter
2021-03-28 20:56:15 +08:00
你可以用全局变量或者用一个上层组件来存储数据信息,或者也可以用 vuex 来全局存储,都行
dengshen
2021-03-29 00:51:04 +08:00
用数据驱动页面的思维。一个 tab 表单就是一个对象,然后收集一下数据就完事了
cs419
2021-03-29 09:10:13 +08:00
动态菜单 有两种做法
1. 用 jsx 语法写 动态生成
2. 用组件递归嵌套的方式写
这两种做法你会一种
借鉴下你的问题就能解决
wxw752
2021-03-29 16:53:04 +08:00
每次新增 tab 的时候绑定点击事件,新增一个表单信息,并且储存,至于存到哪 看看需不需要跨页面使用,我是这么理解的。。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/765842

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX