Vue-component实现动态组件切换传值问题

Vue-component实现动态组件切换传值问题

使用动态组件

vue提供了一个内置的 组件, 专门用来实现动态组件的渲染 。通俗的讲 component属于占位符的,在指定条件下替换成指定的组件即可

创建占位


:is属性指定当前设置组件的变量名称,且该变量名称需要在data节点下定义
keep-alive 嵌套的组件实现切换状态保活


script标签下实现了组件的导入、注册、切换组件是传值的功能(父组件给子组件传值使用自定义属性),子组件定义props接收属性,当前属性类型为对象格式,方便不同的业务场景需不同的业务参数,将其构建在对象中,进行传递。

Left组件:



Right组件:



这样就实现了,切换组件时传递不同的值给子组件

你可能感兴趣的:(Vue-component实现动态组件切换传值问题)