Vue 莫名报错 Uncaught SyntaxError: Unexpected token ‘this’附代码

最新推荐文章于 2024-09-02 10:27:11 发布

原创

最新推荐文章于 2024-09-02 10:27:11 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #bug

在Vue项目中遇到一个难以发现的错误，问题出在以逗号结尾的语句。修复方法是将该逗号更改为分号或直接省略。尽管Vue中属性间通常使用逗号分隔，但在某些情况下，代码内部使用逗号可能导致解析错误，建议避免这种情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不想过多评价，只是头皮发麻


            methods: {
                add(){
                    console.log('ok')
                    var ca  = { id : this.id,name : this.name,ctime : new Date()},
                    this.list.push(ca)
                    this.id = this.name=''
                },

找了半天错误，一直觉得代码没问题最后一点一点重写才发现只是因为this前面一句是以“，”结束，改成“；”或不写都可以。

友情提醒，vue里面不要乱写“，”，但是一个属性结束是要用“，”隔开。其他代码内部尽量少写，有的没问题，有的就有错，还找不出来。

练习的完整代码：

<html>
    <head>
        <meta charset='utf-8'>
        <title>carMan</title>
        <meta name='viewport' content='width=device-width, initial-scale=1'>
        <script src="./lib/vue.js"></script>
        <link href="./lib/bootstrap.css" rel="stylesheet"/>
        <script>Vue.config.productionTip = false</script>
    </head>
    <body>

 <div id="app">