账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 单文件组件如何通过合并、继承(extend)实现动态组件?
    25
    0
    1. 单文件组件通过import导入子组件A B C
    2. 子组件A B C 通过prop接收父组件传递过来的数据实现数据渲染

    问题:
    当使用动态组件 component is属性来根据条件切换 A B C组件的显示,在单文件组件中 import 的子组件该如何使用

    导入的子组件能够对子组件进行属性的覆盖生成新的组件么?类似于jquery的extend属性,类似这种操作

    错误的操作

        import ChartLine from './component/line.index.vue';
        import ChartMap from './component/map.index.vue';
        import ChartBar from './component/bar.index.vue';
        import ChartPie from './component/pie.index.vue';
        export default {
            components: {
                ChartLine,
                ChartMap,
                ChartBar,
                ChartPie: [ // 将引入的ChartPie 和 父组件中data的属性合并生成新的ChartPie,这样就能够在component动态进行切换并且渲染了
                    ChartPie,
                    {
                        props: {
                            id: 'pies1',
                            series: this.pies1.series
                        }
                    }
                ]
            },
            data () {
                return {
                    pies1: {
                        series: {
                            data:[
                                {value:535, name: '荆州'},
                                {value:510, name: '兖州'},
                                {value:634, name: '益州'},
                                {value:735, name: '西凉'}
                            ]
                        },
                        title: {
                        },
                        legend: {
    
                        }
                    }
                };
            },
    
            
        }

    相关的链接:
    https://stackoverflow.com/que...

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部