Vue uses componet dynamic components to dynamically switch how to import single-page component templates?

parent component: item.index.vue

<template>
    <div>
        <compoent :is="comp"></compoent>
    </div>
</template>
<script>
    export default {
        computed: {
            comp: function () {
                return import("./component/item1.form")
        }
    },
}
</script>

subcomponent: item1.form.vue

<template>
    <div>
        111
    </div>
</template>
    
<script>
    export default {
        data () {
            return {
                msg: "hello"
            };
        }
    };
</script>

error message

clipboard.png

Mar.23,2021

return () = > import ('. / component/item1.form')
if import has variables, you need to use a string template to parse
return () = > import (. / component/item$ {this.formItem.item_type} .form );

Menu