微信小程序扫描二维码的内容，作为参数跳转填入到下一个页面input框

布满荆棘的人生 2022-10-13 12:54 14阅读 0赞

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>
        
        <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: ''
        },
    
        onLoad: 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

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)
        },
    
        /**
         * 生命周期函数--监听页面加载
         */
        onLoad: 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() {
    
        }
    })

![99ccd91b0f39d6ace1cc4d94a03c5f0d.png][]

![4a11d6738a737ffcec664288cd159e2d.png][]

[99ccd91b0f39d6ace1cc4d94a03c5f0d.png]: /images/20221005/ce198702b91443c685a3173a7b0eb288.png
[4a11d6738a737ffcec664288cd159e2d.png]: /images/20221005/7d166d78c55744a188929651ffb8b356.png