vue中同步，异步获取后台数据并在另外的方法中调用该数据

最新推荐文章于 2024-08-06 16:25:08 发布

骨子里的偏爱

最新推荐文章于 2024-08-06 16:25:08 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_41823246/article/details/129375679

版权

vue 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

文章介绍了在Vue应用中如何使用async/await异步获取后台数据，通过axios发送POST请求，然后在其他方法中调用这些数据进行处理。数据解析为JSON并存储，同时包含对数据的逻辑判断和错误提示。

摘要由CSDN通过智能技术生成

vue中同步，异步获取后台数据并在另外的方法中调用该数据

1.代码截图：
在这里插入图片描述
异步获取后台数据：
**加粗样式**
代码如下：

async isRealConnect () {
                var that = this
                let mydata = await this.axios.post('http://www.equipment.com/nodeAssociation.php/', {// 与后端api一致
                    from: this.fromNode,
                    to: this.toNode
                }).then((successResponse) => {
                    that.record = successResponse.data.data
                    that.message = successResponse.data.message
                })
                // return mydata
                // this.mmm = mydata
            },

代码调用出处展示：

   var that = this
                        // 解析获取到的数据============
                        that.ItemNumber = await this.isRealConnect(from, to)
                        var ccc = JSON.parse(JSON.stringify(that.ItemNumber))
                        var mmm = ccc.data.data
                        // console.log('mmmmm', mmm)
                        this.ItemM = !mmm
                        console.log('res:::', JSON.parse(JSON.stringify(that.ItemNumber)))

                        // 判断连线是否成功
                        if (this.ItemM === true) {
                            console.log('打印输出的值', this.ItemNumber)
                            this.$message.error('不在同一父亲下不能相互连接,该链接无效，请刷新当前页面！')
                            return false
                        }

                        var that = this
                        // 解析获取到的数据============
                        let ItemNumber = await this.isRealConnect(from, to)
                        var ccc = JSON.parse(JSON.stringify(ItemNumber))
                        var mmm = ccc.data.data
                        // console.log('mmmmm', mmm)
                        this.ItemM = !mmm
                        console.log('res:::', JSON.parse(JSON.stringify(ItemNumber)))
                         console.log('dadadaa', this.isRealConnect())