
比如通过数组渲染一个表单,根据 formList 渲染,有三个表单项,分别是蔬菜、水果和卡路里,现在输入蔬菜的值后,计算卡路里。卡路里与蔬菜这个表单项有关联关系。
这种应该怎么实现数据输入监听动态更新关联表单项的值,给每一个表单项都设置一个 input 事件?然后判断 id 是否与 joinId 相同?然后更新关联表单项的值?有更优美的方法嘛(表项数量、关联字段不定)
谢谢大家
formList=[ { id:1, type:'单选', label:'蔬菜' }, { id:2, type:'多选', label:'水果' }, { id:3, type:'关联', joinId:1, label:'卡路里' }, ] 1 zzfer 2022-04-12 18:20:21 +08:00 我是个后端,一年前写过一些 vue ,可能说的不太对。你说的好像 vue 的 watch 事件就可以实现吧。 一些 ui 框架的表单也支持关联改动吧 |
2 haah 2022-04-12 18:36:31 +08:00 简单,轮询呀! |
3 haah 2022-04-12 18:38:26 +08:00 轮询后对比 JSON 值! |
4 lcorange 2022-04-12 18:40:14 +08:00 |
5 haah 2022-04-12 18:44:11 +08:00 还是用原生 js 好一些! |
6 |
7 err1y 2022-04-13 13:06:26 +08:00 via iPhone |
8 lcorange 2022-04-14 13:29:41 +08:00 |