我正在尝试使用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中,因为它包含很多表单元素。
提前感谢您的任何帮助
答案 0 :(得分:0)
在这部分代码中:
<template id="interview-slot">
//Interview Slot Content
</template
您在>
之后错过了结束</template
。