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`
  });
},

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