0

我正在尝试为我导入的异步组件设置加载组件。这可行,但我会在安装它之前更改该组件的“颜色”道具。我怎样才能做到这一点?

<script>
import loaderEllipsis from '@/components/common/loaderEllipsis.vue'
import SettingsNavigation from '@/components/views/Settings/SettingsNavigation.vue'

export default {
        name: 'view_settings',
        components: {

            loaderEllipsis,
            SettingsNavigation,
            SettingsOverview: function(){
                return {
                loading: loaderEllipsis, //<-- I want to change the color props here before mount it.
                component: new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        resolve(import(/* webpackChunkName: "settings-overview" */ '@/components/views/Settings/SettingsOverview.vue') );
                    }, 15000);
                }),

                }
            }
        }
}
</script>

无论如何,我试图更改为道具颜色,但这不起作用。谢谢你的帮助 !

4

1 回答 1

1

我创立了解决方案。

<script>
import loaderEllipsis from '@/components/common/loaderEllipsis.vue'
import SettingsNavigation from '@/components/views/Settings/SettingsNavigation.vue'

export default {
        name: 'view_settings',
        components: {

            loaderEllipsis,
            SettingsNavigation,
            SettingsOverview: function(){
                return {
               loading: {
                    render: function(createElement) {
                        return createElement(loaderEllipsis, {
                            props: {
                                color: 'red'
                            }  
                        })
                    }

                },
                component: new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        resolve(import(/* webpackChunkName: "settings-overview" */ '@/components/views/Settings/SettingsOverview.vue') );
                    }, 15000);
                }),

                }
            }
        }
}
</script>
于 2019-09-08T20:40:08.947 回答