html做一个条码扫描页面,vue h5页面如何实现扫一扫功能，扫条形码获取编码

如图这是我在网上找的一个方法，使用h5的Barcode实现扫码的功能，但代码报错 'plus' is not defined ，是什么原因呢？，现在在手机上真机测试点击扫描也没反应，没调取摄像头，有老师知道什么原因吗？需求是前端实现扫一扫，扫条形码获取条形码的编码，大佬们有没有做过这种的？

...载入中...

1.创建控件

2.开始扫描

3.结束扫描

4.关闭控件

export default {

name: 'scan',

data () {

return {

codeUrl: ''

}

},

created () {

},

mounted () {

this.startRecognize()

},

methods: {

// 创建扫描控件

startRecognize () {

let that = this

if (!window.plus) return

that.scan = new plus.barcode.Barcode('codeId')

that.scan.onmarked = onmarked