regularjs/regular

动态组件单选的问题

Closed this issue · 6 comments

xiongxin commented

我有一个组件A，在里面动态注入了几个组件，每个子组件有个单选按钮，但是只能有一个是选中的状态，这些组件事可以动态增删的，这样子的功能该如何实现呢？

fengzilong commented

你说的动态注入是指{#inc this.$body}还是component.$inject？

xiongxin commented

我使用component.$inject注入的

fengzilong commented

那你应该有component的引用吧，在component内部$emit一个checked事件，在外部监听这个事件，然后处理就好了

xiongxin commented

@fengzilong 大神，这种动态添加dom结构的组件，怎么用面向数据的方式来写呢或者使用{#inc this.$body}怎么实现增删改查？能给个demo吗？

fengzilong commented

并不是大神，用{#inc this.$body}的话，可以看这个例子，用list或者if去控制你的子组件，其实就是regular常见的用法了
https://jsfiddle.net/6pLb4m3d/
RadioGroup和Radio的代码在这里
https://github.com/fengzilong/pure/tree/master/src/components/radio

  • 👍2
  • ❤️2
xiongxin commented

@fengzilong 非常感谢！