<template>
<view class="content">
<button type="primary" style="width: 100%; margin-top: 100px;" @click="scanCode">扫一扫</button>
<view v-if="scannedResult">
<text>扫描结果：{{ scannedResult }}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
scannedResult: '', // 保存扫描结果
};
},
methods: {
// 开始扫码
scanCode() {
uni.scanCode({
success: (res) => {
console.log('扫码成功:', res);
this.scannedResult = res.result; // 保存扫码结果
this.handleScanResult(res.result); // 处理扫码结果
},
fail: (err) => {
console.log('扫码失败：', err);
uni.showToast({
title: '扫码失败，请重试',
icon: 'none',
});
}
});
},
// 处理扫码结果
handleScanResult(result) {
uni.showModal({
title: '扫描结果',
content: result,
showCancel: false,
});
} }
};
</script>
<style scoped>
.content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
button {
padding: 10px;
background-color: #007aff;
color: white;
border-radius: 5px;
font-size: 16px;
}
text {
margin-top: 20px;
font-size: 18px;
}
</style>
0 个回复