首先是掃描二維碼的功能,可以參考這篇博文
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`});
},
這樣就可以掃描二維碼之后,傳遞數據給上一頁面。