今天在做关于文件上传的模块,因为之前没用过Vue来写,所以有些方法不清楚该怎么写。
编辑完成之后,发现vue终端报错Unexpected token, expected ";"
检查了代码,发现uploadSuccess的大括号标红了,
uploadSuccess(response, file, fileList) {
方法内容
}
开始我以为是哪里多了括号或特殊符号,检查了一遍,发现没有问题,后来把大括号删除之后报错才消失。
但这样的话页面运行是会报错没有该方法,之后又进行了检查,最后发现vue的方法不能直接写在<Script>...</Script>之间,要写在method中:
method:{
uploadSuccess(){
}
},
这样报错就消失了,但我还是不太理解为什么不能直接写在<Script>...</Script>之间,因为在网上查了别人写的代码,有按照我之前那种方法写的,是不是要import什么内容。
但这种新手错误还是记录一下,以防多次踩坑。