老师，帮忙看看这个错误是什么原因
来源：1-4 Vue项目详情页 - 实现Header渐隐渐显效果
qq_慕哥8242320
2021-04-16 10:41:39
组件注册时出错了
Header组件
<template>
<div>
<div class="header-abs"></div>
<div class="header-fixed">f</div>
</div>
</template>
<script>
export default {
name: 'DetailHeader'
</script>
<style scoped>
</style>
Detail组件
<template>
<div>
<detail-banner></detail-banner>
<detail-header></detail-header>
</div>
</template>
<script type="text/javascript">
import DetailBanner from './components/Banner'
import DetailHeader from './components/Header'
export default {
name: 'Detail',
components: {
DetailBanner,
DetailHeader
}
}
</script>
<style scoped>
</style>
错误如下
2回答
-
同学你好，解答如下：
第一遍的代码中，如下位置少了一个大括号，所以代码报错：
补上就可以了（第二次手敲的代码，不缺少该大括号，所以是对的）。
祝学习愉快！
0 -
qq_慕哥8242320
提问者
2021-04-16
我把Header页面的内容全删了，然后重新打一遍就没报错了，第一遍我是复制其他组件的代码过来改的，然后就报错了
这种情况是什么原因呢？
下面是我重新打的代码
<template>
<div>
<div class="header-abs"></div>
<div class="header-fixed"></div>
</div>
</template>
<script>
export default {
name: 'DetailHeader'
}
</script>
<style scoped>
</style>
0
相似问题