詳解微信小程序-掃一掃 wx.scanCode() 掃碼大變身
更新時(shí)間：2019年04月30日 08:39:00 作者：意外金喜
這篇文章主要介紹了微信小程序-掃一掃wx.scanCode() 掃碼大變身，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
效果
js
let app = getApp();
Page({
data: {
img: "/images/1.jpg"
},
onLoad() {
},
scan() {
wx.scanCode({
success: (res) => {
console.log("掃碼結(jié)果");
console.log(res);
this.setData({
img: res.result
})
},
fail: (res) => {
console.log(res);
}
})
}
})
html
<view class="view">
<image class="cover-9" src="{{img}}" bindtap="img"></image>
<button type="primary" bindtap="scan" id="scan">掃一掃</button>
</view>
css
page{
height: 100%;
}
.view{
width: 100%;
height: 100%;
}
.cover-9{
width: 688rpx;
height: 80%;
margin: 0 30rpx;
border:2rpx solid;
border-radius:5px;
}
button{
margin: 0 10rpx;
width: 100%;
}
#scan{
width: 730rpx;
}
其實(shí)就是"/images/2.jpg"和"/images/3.jpg"2個(gè)字符串生成二維碼，
然后在images文件夾下放對(duì)應(yīng)路徑的2張圖片，
掃一掃二維碼重新賦值。
參考地址：
https://mp.weixin.qq.com/debug/wxadoc/dev/api/scancode.html
以上所述是小編給大家介紹的微信小程序-掃一掃wx.scanCode() 掃碼大變身詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
近日,一篇《疫苗之王》刷爆了朋友圈,疫苗的安全問(wèn)題被推到了風(fēng)口浪尖,騰訊安全反詐實(shí)驗(yàn)室團(tuán)隊(duì)推出了“騰訊安心計(jì)劃”小程序,方便用戶便捷地查詢疫苗安全信2018-07-07
基于JavaScript實(shí)現(xiàn)智能右鍵菜單
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)智能右鍵菜單的相關(guān)資料,需要的朋友可以參考下2016-03-03
Js和JQuery獲取鼠標(biāo)指針坐標(biāo)的實(shí)現(xiàn)代碼分享
這篇文章主要介紹了Js和JQuery獲取鼠標(biāo)指針坐標(biāo)的實(shí)現(xiàn)代碼分享,本文直接給出實(shí)現(xiàn)的代碼,需要的朋友可以參考下2015-05-05
js判斷主流瀏覽器類(lèi)型和版本號(hào)的簡(jiǎn)單實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇js判斷主流瀏覽器類(lèi)型和版本號(hào)的簡(jiǎn)單實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
JQuery 前臺(tái)切換網(wǎng)站的樣式實(shí)現(xiàn)
本文說(shuō)的是在WordPress中怎樣利用JQuery在網(wǎng)站的前臺(tái)切換樣式的方法。或者這篇文章的方法大家可能不是太需要，因?yàn)槲矣X(jué)得這是解決我被主題樣式折騰到差不多分裂的原因及結(jié)果的最后手段。2009-06-06
每個(gè)函數(shù)創(chuàng)建時(shí)默認(rèn)帶有一個(gè)prototype屬性，其中包含一個(gè)constructor屬性，和一個(gè)指向Object對(duì)象的隱藏屬性,需要的朋友可以參考下2012-11-11
詳解用webpack的CommonsChunkPlugin提取公共代碼的3種方式
本篇文章主要介紹了詳解用webpack的CommonsChunkPlugin提取公共代碼的3種方式，具有一定的參考價(jià)值，有興趣的可以了解一下2017-11-11
JavaScript設(shè)計(jì)模式之門(mén)面模式原理與實(shí)現(xiàn)方法分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之門(mén)面模式原理與實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了門(mén)面模式的原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
js動(dòng)態(tài)創(chuàng)建表格,刪除行列的小例子
這篇文章介紹了js動(dòng)態(tài)創(chuàng)建表格,刪除行列的實(shí)例代碼，有需要的朋友可以參考一下2013-07-07
創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦
這篇文章主要介紹了創(chuàng)建、調(diào)用JavaScript對(duì)象的方法集錦,需要的朋友可以參考下2014-12-12