我正在用Vue用Laravel编写一个简单的博客应用程序。我的一个返回值是一个对象,但它在我编译时给出了这个错误。
SyntaxError: Unexpected token, expected ; (15:20)
13 | {
14 | blogposts: [],
> 15 | blogpost:
| ^
16 | {
17 | id: '',
18 | author: '',
这不是从data
函数返回对象的方法吗?
对于每个请求,这是实际的.vue
代码。
<template>
<div>
<h2>Blog Posts</h2>
</div>
</template>
<script>
export default
{
data()
{
return
{
blogposts: [],
blogpost:
{
id: '',
author: '',
title: '',
body: ''
},
blogpost_id: '',
pagination: {},
edit: false
};
},
created()
{
this.fetchBlogPosts();
},
methods:
{
fetchBlogPosts()
{
fetch('api/posts')
.then(res => res.json())
.then(res => {
console.log(res.data);
});
}
}
};
</script>
发布于 2018-06-06 06:56:23
括号必须在返回的同一行上。因为返回符号在同一行中查找他后面的代码。因此,您将返回一个空行,因此会出现以下错误:)
data()
{
return { //Took the bracket here
blogposts: [],
blogpost:
{
id: '',
author: '',
title: '',
body: ''
},
您可以使用linter来防止这种类型的错误(如eslint)
https://stackoverflow.com/questions/50709933
复制相似问题