uniapp项目怎么连接手机调试

2020-07-08 14:50:18 浏览数 (1)

1：新建一个uniapp项目，命名为test。

可以看到，在开发工具HBuilderX里面，极速生成的模板目录结构如下

打开pages底下的index.vue的组件，开始写代码了，把代码写好，这里随便写了一个例子。

代码语言：javascript复制

<template>
    <view>
        <button type="primary" @click="scanCode()">button</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        },
        methods: {
            scanCode() {
                let that = this;
                // 允许从相机和相册扫码
                uni.scanCode({
                    success: function(res) {
                        that.result1 = res.result;
                    }
                });


            }
        }
    }
</script>