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