微信小程序选项卡功能开发步骤与方法全解析
545
2023-11-10
微信小程序实现二维码生成器
−目录一、项目展示二、项目核心代码
一、项目展示
项目是一个简单实用的二维码生成器。
使用者可以在生成器中输入文字生成二维码，也可以在识别器中识别二维码的内容
二、项目核心代码
二维码生成
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
// pages/home/home.js
Page({
data:{
qrMsg: ,
recognizeMsg: ,
isShowMsg: false,
isShowResult: false,
showClear: true,
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.setData({
isShowMsg: false,
isShowResult: true,
})
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
},
// 生成二维码
makeQrcode: function(e) {
this.setData({
isShowMsg: false,
isShowResult: true,
})
console.log(this.data.qrMsg + "家")
if (this.data.qrMsg == "") {
wx.showToast({
title: 二维码内容不能为空,
icon: loading,
duration: 500
})
return
}
var that = this
wx.navigateTo({
url: ../main/main?msg= + that.data.qrMsg,
success: function(res){
// success
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
},
bindInput: function(e) {
console.log(e.detail.value)
this.setData({
qrMsg: e.detail.value
})
if (this.data[qrMsg].length > 1) {
this.setData({
showClear: false
})
} else {
this.setData({
showClear: true
})
}
},
// 清空
bindClearAll: function(res) {
wx.redirectTo({
url: ../home/home,
})
},
// 识别二维码
recognizeCode: function() {
this.setData({
isShowMsg: true,
isShowResult: false,
recognizeMsg: "",
})
var that = this
wx.scanCode({
success: function(res){
// success
console.log(res)
that.setData({
recognizeMsg: res["result"]
})
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
},
})
到此这篇关于微信小程序实现二维码生成器的文章
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
最近发表
推荐文章
热评文章
暂时没有评论，来抢沙发吧~