我是下面这种结构,一直调不出问题,console.log也输出不了日志,检查很久才发现,methods有两个,底下的methods应该是后执行,导致覆盖了前面的methods
我有点无语,Vue的对语法要求这么宽松吗?这都不报个错,还让我一遍遍的运行调试…
export default {
methods: { //<----------------------------------------------
beforeUpload(file) {
console.log("?")
let xfile = null;
// 发送并等待返回
this.$emit('beforeUpload', file, returnValue => {
xfile = returnValue;
});
return xfile
},
handleChange(file) {
console.log("?")
this.$emit('handleChange', file)
this.fileList = [file.raw];
},
handleRemove(file) {
console.log("?")
this.$emit('handleRemove', file)
this.fileList = [];
}
},
watch: {
fileList: {
handler: function (newValue, oldValue) {
this.$emit("updateFileList", newValue)
console.log("?")
}
},
},
data() {
return {
fileList: [],
}
},
methods: { //<----------------------------------------------
}
}