本来想设计一个组件,如图所示

完整的图是组件,名叫QueryForm,其中三个按钮和分割线是组件内置的,各种input输入框是slot进来的。QueryForm的源码如图所示:


现在我希望我能指定每个input所绑定的变量,并且再按下搜索按钮的时候,能够把各个变量组成的那个总的object对象返回到QueryForm父组件层来。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
个人感觉这种绑定的话 应该不太好搞,如果你一定要动态适配内容 可以通过属性配置动态生成模板 是不是更好些 例如传一个obj{ input:{},input{},date{}}这样你queryForm里可以遍历属性动态绑定里面的model进而实现这种需求。
因为你这种思路 默认就是不知道slot的内容 你怎么还能绑定它呢 是吧 一点思路仅供参考
QueryForm表单内容做成slot没什么必要,本来你的重置确认功能和表单都耦合,你硬是拆分开,如果有几个内容不一样的表单的话这里的逻辑会很乱,干脆一种表单做一个组件,只抽象出公共的功能模块。
或者queryForm里维护一个表单项目列表,里面标记了,什么样的表单,表单的值等等。也就不存在你这种slot,父子组件之间通信的问题。