uniapp返回上一页_uniapp怎么调用扫一扫功能？

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

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

2：打开pages底下的index.vue的组件，开始写代码。

我们都知道，无论用什么框架开发，都离不开文档，学会看文档，你就是一个合格的API工程师了。

官网文档：https://uniapp.dcloud.io/api/system/barcode

uni.scanCode(OBJECT)

调起客户端扫码界面，扫码成功后返回对应的结果。

关于这些参数说明，就不一一的列举了，我相信大部分人都会，千万不要被这一行行一列列的不太懂的英文字母、参数劝退，认真你就输了。

我们copy一下官方文档给的例子，放到自己的代码里面去，对，你没有看错，就是这些。

index.vue代码如下

<template><view><button type="primary" @click="scanCode()">button</button></view>
</template>
<script>export default {data() {return {};},methods: {scanCode() {// 允许从相机和相册扫码uni.scanCode({success: function (res) {console.log('条码类型：' + res.scanType);console.log('条码内容：' + res.result);}});}}}
</script>

3：开始运行
如果你是这样的，运行到浏览器，虽然可以编译成功，

但是点击button按钮的时候，会发现存在这样的报错

[system] API `scanCode` is not yet implemented

因为uni.scanCode这个方法需要上真机上面调试哦，这就涉及到
uniapp项目怎么连接手机调试了，上一篇已经写好了：传送门贴一下https://www.jianshu.com/p/07816dcec49d

4：调试结果
在真机调试，如下

完结，撒花~

uniapp返回上一页_uniapp怎么调用扫一扫功能？相关推荐

uniapp无法返回上一页_uni-app 返回上一页或返回多页后刷新页面
我们在用 uni-app 开发前端时,有时在返回上一页后要刷新上一页的数据,如登录后返回上一页刷新登录状态.我们可以通过 uni.navigateBack 的成功回调函数来实现.具体实现方式如下: 要 ...
uniapp返回上一页执行上一页方法
在使用uniapp的过程中,我相信,我们都一定遇见过如下的场景: 进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们 ...
uniapp返回上一页并传递参数
说是传递参数,实际是在你返回之前先修改了上一页的data里面的数据再进行返回上一页的操作. // 获取所有页面栈实例列表 let pages = getCurrentPages(); // 当前页页面 ...
uniapp 返回上一页触发上一页的刷新
触发上一页的更新(B页面) click事件函数 //click事件函数 gotoPre:function(){let pages = getCurrentPages()//页面栈let prePage ...
Uniapp返回上一页触发页面更新
文章目录前言一.难点有哪些? 二.返回上一页三.触发上一页的更新四.监听reFresh 五.示例源码总结前言本来返回上一页可以使用uni.navigateBack(OBJECT),但是这 ...
uniapp返回上一页携带参数,两种方法，实测有效
方法一: pages/pre/pre.vue <template><view><view>返回的数据为:</view><view>id: { ...
uniapp - 返回上一页携带参数或刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...
uniapp返回上一页
backPageRefresh(page) { // page这个值如果你只返回上一页可以不用传,返回上上页就传2,以此类推let pages = getCurrentPages(); // 当前页面 ...
vue/uniapp - 返回上一页并onLoad刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...

uniapp返回上一页_uniapp怎么调用扫一扫功能？

uni.scanCode(OBJECT)

uniapp返回上一页_uniapp怎么调用扫一扫功能？相关推荐

最新文章

热门文章