在app-vue的项目中，创建了一个.nvue的文件，无法使用barcode组件

如题，萌新，在app-vue的项目中，创建了一个.nvue的组件在vue文件中引入的，想实现局部扫码的功能，但是现在.nvue文件报错，无法使用barcode组件，报错信息：this.$refs.barcode.start is not a function
在app-vue的项目中使用.nvue还需要安装一些别的东西吗

使用的是官网的案例

<template>
<view>
<barcode id='1' class="barcode" autostart="true" ref="barcode" background="rgb(0,0,0)" frameColor="#1C86EE"
scanbarColor="#1C86EE" :filters="fil" @marked="success1" @error="fail1"></barcode>
<button class="btn" @click="toStart">开始扫码识别</button>
</view>
</template>

<script>
export default {
onLoad() {

    },  
    data() {  
        return {  
            fil: [0, 2, 1]  
        }  
    },  

    methods: {  
        success1(e) {  
            console.log("success1:" + JSON.stringify(e));  
        },  
        fail1(e) {  
            console.log("fail1:" + JSON.stringify(e));  
        },  
        toStart: function() {  
            this.$refs.barcode.start({  
                conserve: true,  
                filename: '_doc/barcode/'  
            });  
        },  
    }  
}  

</script>

<style>
.barcode {
width: 750rpx;
height: 700rpx;
background-color: #808080;
}

.btn {  
    top: 20rpx;  
    width: 730rpx;  
    margin-left: 10rpx;  
    margin-top: 10rpx;  
    background-color: #458B00;  
    border-radius: 10rpx;  
}  

</style>