Question

我有一个内联模板，我已经在Laravel的刀片@include('my_inline_template')上使用过，效果很好。

现在，我已经引入了其他人开发的另一个vue组件并使用.vue文件格式。我想将我的内联模板放在该.vue文件中。

我想要做的是类似下面的内容，因为您无法在.vue文件中使用@include，因此无效。我有点担心还有什么可以尝试，或者如果这是可能的话：

主要-vue.js

import Component from './components/Component.vue'
require('./components/my_inline_template');
const vm = new Vue({
    el: '#vue_root',

    components: {
        Component
    }
});

my_inline_template.js

Vue.component('my_inline_template', {
    // blah
});

my_inline_template.blade.php

<my_inline_template inline-template>
   // blah
</my_inline_template

Component.vue

<template>
    <div>
         @include('my_inline_template')
         // More HTML 
    </div>
</template>

<script>

    export default{
        props: ['blah'],

        data() {
            return{
                // blah
                },
        },

        mounted() {
            // blah
        },

        methods: {
            // blah
        }
    }
</script>

如何在上述.vue文件中加入my_inline_template？谢谢！

Answer 1

我能够通过将组件分成几个较小的组件来解决这个问题。这样，我就可以在同一个刀片视图中将.vue组件和内联模板放在一起。但是，这不是我的问题的答案，所以如果有人愿意提供答案，我仍然会感激不尽。

我的猜测是，您无法嵌套在.vue文件中使用刀片的内联模板。

在.vue组件内嵌入内联模板

1 个答案: