uni-app 扫描二维码获取信息功能

首先是扫描二维码的功能，可以参考这篇博文

uni-app-H5页面调用设备摄像头扫描二维码_uni-app app端调用摄像头显示至指定元素上显示-CSDN博客

然后现在是可以扫描二维码的状态，扫描之后，可以看到首先是出发上一个页面的事件，然后返回上一页面。

success: () => {uni.$emit('refreshPreviousPage', data);uni.navigateBack({delta: 1});}

接下来需要在扫描界面的上一页面做处理。

需要在data里设置

//二维码信息
dataValue: ''

在mounted里挂载事件

//扫描二维码返回信息获取
uni.$on('refreshPreviousPage', (data) => {this.refreshPage(data);
});

最后设置事件中获取数据的方法

refreshPage(data) {// 执行刷新页面的操作，并设置data值this.dataValue = data;// 数据处理 赋值自动填充...
},
//扫描二维码
saomiao() {uni.navigateTo({url: `/pages/saomiao/saomiao`});
},

这样就可以扫描二维码之后，传递数据给上一页面。