uniappx camera组件无法识别条码 并且handleScanCode方法不执行 识别的画面是糊的 是什么问题 求大神解答

<template>
<view style="flex: 1;">
<camera style="width: 100%; height: 300px;" :resolution="'high'" :mode="'scanCode'" @scancode="handleScanCode">
</camera>

    <view class="camera-scan-code-table">  
        <view class="camera-scan-code-table-pair">  
            <view class="camera-scan-code-table-pair-label">  
                <text>类型</text>  
            </view>  
            <view class="camera-scan-code-table-pair-value">  
                <text>{{ result?.type ?? ''}}</text>  
            </view>  
        </view>  

        <view class="camera-scan-code-table-pair camera-scan-code-table-top-line">  
            <view class="camera-scan-code-table-pair-label">  
                <text>结果</text>  
            </view>  
            <view class="camera-scan-code-table-pair-value">  
                <text>{{ result?.result ?? ''}}</text>  
            </view>  
        </view>  
    </view>  
</view>  

</template>

<script setup lang="uts">
import { ref } from 'vue'

const frameSize = ref('medium')  

type CameraScanCodeResult = {  
    type : string | null;  
    result : string | null;  
}  

const result = ref<CameraScanCodeResult | null>(null)  

const devicePosition = ref('back') // 'front' 或 'back'  

const handleInitDone = (e : any) => {  
    console.log("相机初始化完成", e)  
    // 初始化完成后的逻辑  
}  

const handleStop = (e : UniCameraStopEvent) => {  
    console.log("stop", e.detail);  
}  
const handleError = (e : UniCameraErrorEvent) => {  
    console.log("error", e.detail);  
}  
const handleScanCode = (ev : UniCameraScanCodeEvent) => {  
    const deatil = ev.detail;  
    console.log("deatil:", deatil)  
    result.value = {  
        type: deatil.type,  
        result: deatil.result  
    } as CameraScanCodeResult  

    //根据扫码结果跳转到结算页面  
    // setTimeout(() => {  
    //  uni.navigateTo({  
    //      url: "/pages/settle/index?type=" + deatil.type + "&result="  
    //  })  
    // }, 1000)  
}  

</script>

<style>
.camera-scan-code-table {
background-color: white;
margin-top: 20px;
}

.camera-scan-code-table-pair {  
    height: 50px;  
    flex-direction: row;  
    justify-content: space-between;  
    align-items: center;  
}  

.camera-scan-code-table-pair-label {  
    flex-grow: 1;  
    margin-left: 15px;  

}  

.camera-scan-code-table-pair-value {  
    flex-grow: 2;  

}  

.camera-scan-code-table-top-line {  
    border-top: 1px solid #eee;  
}  

</style>