关于移动端项目,功能种类比起pc端有过之无不及,就如扫码功能。
uni-app该如何实现该功能呢?
API:uni.scanCode({})
官方地址 : uni.scanCode(OBJECT)
具体代码如下:
<template>
<view class="shortcut-container">
<view class="shortcut-item">
<image class='icon' src="../../../static/scanCode.png" mode="" @click="scanCodeHandle"></image>
<view class="desc">
扫码
</view>
</view>
</view>
</template>
<script>
export default {
methods: {
// 点击扫码按钮
scanCodeHandle() {
uni.scanCode({
success: (res) => {
console.log('扫码成功', res)
},
fail: (err) => {
console.log('扫码失败', err)
},
complete: () => {
console.log('扫码结束')
}
})
},
}
}
</script>