微信公众号开发
【无标题】微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框
本文主要是介绍【无标题】微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！
scan.wxml
<view class="container">
<view class='imagesize'>
<image class='img' bindtap='getScancode' src="{{back}}">
</image>
</view>
<view style="display: flex;justify-content: center;">请扫描卡号
</view>
<!-- <view wx:if="{{result !=''}}">
<view>扫码的内容:{{result}}</view>
</view> -->
<navigator url="/pages/card/card" hover-class="changestyle">
<view class='imagesizehand'>
<image src="{{hand}}">
</image>
</view>
<view style="display: flex;justify-content: center;">手动输入卡号
</view>
</navigator>
</view>
scan.js
//index.js
//获取应用实例
const app =
getApp()
Page({
data: {
back:
"../../images/scanning.png",
hand:
"../../images/hand.png",
result:
''
},
onl oad:
function(
) {
},
getScancode:
function(
) {
var _this =
this;
// 允许从相机和相册扫码
wx.
scanCode({
success:
(res) => {
var result = res.
result;
_this.
setData({
result: result,
})
//在回调函数里面，将获得的返回值，带到下一个界面里面去
//三秒钟之后跳转到主界面
setTimeout(
function (
) {
wx.
navigateTo({
url:
'../card/card?result=' + result
})
},
3000)
}
})
}
})
card.wxml
<form catchsubmit="confirmPublish">
<view class="search_arr">
<input maxlength="15" placeholder="请输入卡号" value="{{deviceId}}" data-name="deviceId" bindblur="setInput">
</input>
</view>
<button class='btn1' bindtap="bindViewTap" form-type="submit">绑定
</button>
</form>
card.js
// pages/card/card.js
Page({
/**
* 页面的初始数据
*/
data: {
id:
1,
deviceId:
'',
},
//事件处理函数
bindViewTap:
function(
) {
wx.
navigateTo({
url:
'../cardsuccess/cardsuccess'
})
//三秒钟之后跳转到主界面
setTimeout(
function(
) {
wx.
switchTab({
url:
'../index/index'
})
},
3000)
},
/**
* 生命周期函数--监听页面加载
*/
onl oad:
function(
options) {
console.
log(options)
// 生命周期函数--监听页面加载
this.
setData({
deviceId: options.
result,
})
},
confirmPublish:
function(
) {
// if (!this.data.taskName) {
// this.setData({ errortip: true, errorMsg: '任务名不能为空' })
// setTimeout(() => {
// this.setData({ errortip: false, errorMsg: '' })
// }, 2000)
// return
// }
// const data = {}
// data.id = this.data.id
// data.deviceId = this.data.deviceId
var params = {
id:
1,
deviceId:
"12345678",
}
wx.
request({
url:
'http://192.xxx.4.103:8093/cs-applet/subscribe/bindingCard',
method:
'PUT',
data: params,
dataType:
"json",
success:
function(
res) {
// console.log(res)
// if (res.data.code === "0001") {
// wx.showToast({
// title: res.data.msg,
// icon: 'none',
// duration: 2000
// })
// return;
// }
// wx.showToast({
// title: '添加成功',
// icon: 'success',
// duration: 2000
// })
// setTimeout(() => {
// wx.switchTab({
// url: "/pages/index/index?refresh=true",
// });
// }, 1000);
},
fail:
function(
error) {
wx.
showToast({
title: error.
message ||
'保存失败'
})
console.
log(error)
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady:
function(
) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow:
function(
) {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide:
function(
) {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload:
function(
) {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh:
function(
) {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom:
function(
) {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage:
function(
) {
}
})
原文作者：祈澈姑娘。 技术博客：https://wangxiaoting.blog.csdn.net/article/details/118542635
90后前端妹子。
这篇关于【无标题】微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
-
2024年最新版云开发cms开通步骤，开始开发微信小程序前的准备工作，认真看完奥！05-30
-
微信小程序的网络设置，及网络请求：wx.request(OBJECT)03-30
-
基于taro搭建小程序多项目框架01-22
-
小程序开发：在插件市场寻找步骤条组件并二开01-13
-
钉钉小程序生态—企业机器人加互动卡片，改善用户体验的开始！01-05
-
【UniApp】-uni-app-打包成小程序12-29
-
性能翻倍！京东亿级体量小程序优化实践12-26
-
小程序优化：第三方SDK过大解决方案12-25
-
微信小程序文件预览和下载-文件系统11-26
-
52天学习微信小程序计划No.2：注册小程序账号&安装开发者工具11-26
-
52天学习微信小程序计划No.1：小程序简介11-19
-
如何将微信抖音与支付宝小程序直接迁移到自有App中09-30
-
微信小程序支付09-10
-
【一步步开发AI运动小程序】十一、人体关键点跳跃追踪06-05
-
C端用户体验度量实战篇-京东快递小程序体验度量全面升级05-31
栏目导航
