Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将内联模板嵌套在.vue组件内_Javascript_Laravel_Vue.js_Vuejs2_Vue Component - Fatal编程技术网

Javascript 将内联模板嵌套在.vue组件内

Javascript 将内联模板嵌套在.vue组件内,javascript,laravel,vue.js,vuejs2,vue-component,Javascript,Laravel,Vue.js,Vuejs2,Vue Component,我有一个内联模板,我已经在Laravel的Blade@include(“我的内联模板”)中使用过,它非常有效 现在,我引入了另一个vue组件,该组件由其他人开发并使用.vue文件格式。我想把我的内联模板放在.vue文件中 我想做的是下面这样的事情,它不起作用,因为您不能在.vue文件中使用@include。我有点纠结于还有什么可以尝试,或者这是否可能: main vue.js import Component from './components/Component.vue' require('

我有一个内联模板,我已经在Laravel的Blade
@include(“我的内联模板”)中使用过,它非常有效

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

我想做的是下面这样的事情,它不起作用,因为您不能在.vue文件中使用
@include
。我有点纠结于还有什么可以尝试,或者这是否可能:

main vue.js

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

    components: {
        Component
    }
});
Vue.component('my_inline_template', {
    // blah
});
my_inline_template.js

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

    components: {
        Component
    }
});
Vue.component('my_inline_template', {
    // blah
});
my_inline_template.blade.php

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

//废话

我能够通过将组件分成几个较小的组件来解决这个问题。这样,我就可以让.vue组件和内联模板在同一个刀片视图上彼此相邻。然而,这并不是我问题的答案,所以如果有人愿意提供答案,我仍然会非常感激


我的猜测是,不能在.vue文件中嵌套使用刀片的内联模板

“我有一个内联模板,我已经在Laravel的Blade@include('my_inline_template')中使用过,效果很好。”-你能展示一下你是如何做到的吗?@riyaz ali如果你看看上面的my_inline_template.Blade.php和my_inline_template.Blade.js,如果你看到我是如何在main-vue.js中注册这个组件的,然后,只需使用@include('my_inline_template'),即可将其包含在另一个blade.php文件中。但是,正如我在这里提出的问题所述,我现在不知道如何或是否有可能在.vue文件中使用此模板。这就是我要问的……在my_inline_template.js文件中,如何添加模板?通过指向my_inline_template.blade.php的url?您可以在上面的代码中添加更多关于如何加载模板的详细信息……其工作方式是main-vue.js引入my_inline_template.js javascript。然后,main-vue.js由elixir编译并包含在网页上,如下所示:
因此,每当我在任何刀片文件中使用@include('my_inline_template'),都会将包含内联模板的刀片文件拉入。所有这些都可以在应用程序中使用刀片文件,但是(显然,.vue文件不喜欢尝试包含包含内联模板的刀片文件。