问题:在引入组件,请求页面引用的组件内容没有显示,查看console控制台出现报错
Unknown custom element: did you register the component correctly? For recursive components, make sure to provide the "name" option.
原因:
1.引用组件的时候写错了,应该是import XXX from "../../views/system/XXX.vue"写成了import {XXX} from "../../views/system/XXX.vue"
可能原因:
2.components单词是否拼写错误,组件语法是否错误
<script>
import school from "../../views/system/school.vue"
import student from "../../views/system/student.vue"
export default {
components: { school,student },
data() {
return {}
}
}
</script>
import {XXX} from "../../views/system/XXX.vue"这种写法是用来引入同一个文件里的多个方法
例如:有student.js文件,在student.vue文件引用
student.js(路径api/student/student.js)
import request from '@/utils/request'
// 获取列表
export function getStudentList() {
return request({
url: '/student/getStudentList',
method: 'get'
})
}
// 新增
export function addStudent(data) {
return request({
url: '/student',
method: 'post',
data: data
})
}
// 编辑
export function editStudent(data) {
return request({
url: '/student',
method: 'put',
data: data
})
}
student.vue(路径views/student/student.vue)
import { getStudentList, addStudent, editStudent } from "@/api/student/student";