Vue.js 中 uploadFile 方法无法获取 fileListLen 的解决方法

为什么 uploadFile 中获取不到 fileListLen 内容？

在您提供的代码中，fileListLen 是在 if(type == 'safetyRecord') 语句块中定义的局部变量。而 uploadFile 方法是在 if 语句块之外调用的。在 uploadFile 方法中无法访问到 if 语句块中定义的局部变量。

解决方法

1. 将 fileListLen 定义在 if 语句块之外

将 fileListLen 的定义移到 if 语句块之外，使其成为一个全局变量，就可以在 uploadFile 方法中访问到。

let fileListLen = this.safetyPhotolist.length; // 定义在 if 语句块之外this.$request.uploadFile(res.tempFilePaths[0]).then(res => {    console.log(fileListLen);    // ...});

**2. 将 fileListLen 作为 uploadFile 方法的参数传递**

在调用 `uploadFile` 方法时，将 `fileListLen` 作为参数传递进去。

```javascriptif(type == 'safetyRecord'){    let fileListLen = this.safetyPhotolist.length;    this.safetyPhotolist.push('/static/images/loading.gif');    console.log(type == 'safetyRecord');    this.$request.uploadFile(res.tempFilePaths[0], fileListLen).then(res => {        console.log(fileListLen);        // ...    });}

// uploadFile 方法接收 fileListLen 参数this.$request.uploadFile(filePath, fileListLen) {    // 使用 fileListLen}

**总结**

理解 JavaScript 的变量作用域是解决此类问题的关键。局部变量只在定义它的代码块中有效，而全局变量可以在整个程序中访问。通过将 `fileListLen` 定义在正确的范围内或将其作为参数传递，可以确保 `uploadFile` 方法能够正确地获取到它的值。

希望这篇文章对您有所帮助！如果您还有其他问题，请随时提问。