小程序中input赋值

最新推荐文章于 2023-04-04 21:14:23 发布

乾坤未定,你我皆为黑马

最新推荐文章于 2023-04-04 21:14:23 发布

阅读量9.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/w_q2018/article/details/102858518

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在微信小程序中实现input组件的赋值功能，通过扫一扫解析二维码，获取编号信息，并将这些信息显示在input框内。示例代码包括WXML和JS部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序：input赋值（扫一扫或手动输入获取 ）

wxml

<input value="{{inputValue}}" class="input" name="id" placeholder="扫描二维码或手动输入编号" />

<button bindtap="click">扫一扫</button>

js
扫一扫，解析二维码，从解析结果中获取编号信息后赋值到input框中显示，具体代码如下：

const app = getApp();
var api = require('../../config/api.js');
var util = require('../../utils/util.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    inputValue: ''
  },
//扫描二维码方法

  click: function () {

    wx.scanCode({

        success: (res) => {

        console.log(res.result)

        //url解析

        var url = res.result;

        var result = util.parseURL(url);


        //向后台发送请求

        var No = result.deviceId;

        console.log(No)

        if (No != null) {

            var that = this;

            this.setData({

            inputValue: No

            })

        } else {

            wx.showToast({

            title: '二维码信息有误',
        
            icon: 'fail',

            duration: 2000

            });

        }

        },

        fail: (res) => {

            // wx.showModal({

            //title: '提示',

            // content: JSON.stringify(res),

            // })

        }

    })

  }
})