收到“未能加载组件”

时间:2015-12-14 14:20:17

标签: javascript vue.js

我正在尝试使用Vue.js将一些内容加载到组件中。我试图用:is属性来做这件事。我一直得到“[Vue警告]:未能解决组件:面试”

<todo-tabs :list="items"></todo-tabs>

<template id="interview-slot">
 //Interview Slot Content
</template>

<template id="membership-slot">
 //Interview Slot Content
</template>

<script>
Vue.component('todo-tabs', {
        template: '#todo-tabs',
        props: ['list'],
        data: function(){
            return {
                currentView: 'interview',
                components:{
                    interview:{
                        template: '#interview-slot'
                    },
                    membership:{
                        template: '#membership-slot'
                    }
                }
            }
        }
});


var vm = new Vue({
el: "#todo",
data: {
items : [
            {id: 'interview', name: 'interview', complete: true, body: 'something1', step_content: 'SOME',current: true  },
            {id: 'membership', name: 'membership', complete: true, body: 'something2', step_content: 'SOME' },
            {id: 'profile', name: 'profile', complete: false, body: 'something3', step_content: 'SOME'  },
            {id: 'handoff', name: 'handoff', complete: false, body: 'something4', step_content: 'SOME'}
        ]
    }
});
</script>

如果可能的话,我真的不想把我的html放在json中,因为它包含很多表单元素。

提前感谢您的任何帮助

1 个答案:

答案 0 :(得分:0)

在这部分代码中:

<template id="interview-slot">
  //Interview Slot Content
</template

您在>之后错过了结束</template