今天在做關於文件上傳的模塊,因為之前沒用過Vue來寫,所以有些方法不清楚該怎么寫。
編輯完成之后,發現vue終端報錯Unexpected token, expected ";"
檢查了代碼,發現uploadSuccess的大括號標紅了,
uploadSuccess(response, file, fileList) {
方法內容
}
開始我以為是哪里多了括號或特殊符號,檢查了一遍,發現沒有問題,后來把大括號刪除之后報錯才消失。
但這樣的話頁面運行是會報錯沒有該方法,之后又進行了檢查,最后發現vue的方法不能直接寫在<Script>...</Script>之間,要寫在method中:
method:{
uploadSuccess(){
}
},
這樣報錯就消失了,但我還是不太理解為什么不能直接寫在<Script>...</Script>之間,因為在網上查了別人寫的代碼,有按照我之前那種方法寫的,是不是要import什么內容。
但這種新手錯誤還是記錄一下,以防多次踩坑。