如果想在vue中把sucess之后返回的量在函数外部引用,怎么做
时间: 2024-02-16 11:04:36 浏览: 32
如果您想在 Vue 组件中将 `success` 回调函数中返回的数据保存在组件的数据属性中,可以将 `this` 赋值给一个变量,然后在回调函数中使用该变量来访问组件的数据属性。示例代码如下:
```
export default {
data() {
return {
responseData: null // 定义一个数据属性来存储返回的数据
}
},
methods: {
read() {
let self = this; // 将 this 赋值给一个变量
$.ajax({
type: "POST",
url: "/get_data",
data: {},
success: function(response) {
console.log(response);
self.responseData = response; // 在回调函数中使用变量访问组件的数据属性
},
error: function(xhr, status, error) {
console.log(xhr);
console.log(status);
console.log(error);
}
});
}
}
}
```
在上述代码中,我们定义了一个名为 `responseData` 的数据属性来存储返回的数据。在 `read` 方法中,我们将 `this` 赋值给一个变量 `self`,然后在 `success` 回调函数中使用 `self.responseData` 来访问组件的数据属性。这样就可以在函数外部引用 `responseData` 了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)