vue 使用componet动态组件实现动态切换如何import单页组件模板?

父组件:item.index.vue

<template>

    <div>

        <compoent :is="comp"></compoent>

    </div>

</template>

<script>

    export default {

        computed: {

            comp: function () {

                return import('./component/item1.form')

        }

    },

}

</script>

子组件:item1.form.vue

<template>

    <div>

        111

    </div>

</template>

    

<script>

    export default {

        data () {

            return {

                msg: 'hello'

            };

        }

    };

</script>

报错信息

https://img2.mukewang.com/5b49e5650001257407420164.jpg

炎炎设计
浏览 2546回答 1
1回答

慕少森

return() => import('./component/item1.form')如果import有变量,那么需要使用字符串模板解析return () => import(./component/item${this.formItem.item_type}.form);
打开App,查看更多内容
随时随地看视频慕课网APP