vue动态组件，不同的组件有不同数量的props，并且还包含修饰符，如何设置？

Question

其实如果没有包含修饰符，下面的解决就能满足我的需求了

https://segmentfault.com/q/10...

但是，比如我这里需要类似 :page-size.sync="pageSize" 这样的，.sync的修饰符

那应该怎么写呢？

Answer 1

试试透传? v-bind="$attrs"

Answer 2

这个你直接写死在component上就行，子组件接收及更新是子组件的事了。

<component :is="currentComponent" :page-size.sync="pageSize" />

不接受这个prop的子组件你多传入一个prop也没事