詳解微信小程序-掃一掃 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)文章
這篇文章主要介紹了js繪制圓形和矩形的方法,涉及javascript鼠標事件及頁面元素樣式的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
本文將詳細介紹一個可拖拽列寬表格實例,需要了解更多的朋友可以參考下2012-11-11
這篇文章主要為大家詳細介紹了JS+CSS3實現(xiàn)超炫的散列畫廊特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
下面小編就為大家?guī)硪黄獪\談js的url解析函數(shù)封裝。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
檢測用戶按鍵...2006-07-07
本篇文章主要介紹了微信端開發(fā)--登錄小程序步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要介紹了原生JavaScript實現(xiàn)瀑布流布局的相關(guān)資料,實現(xiàn)鼠標下拉圖片自動加載效果，和百度圖片效果類似，需要的朋友可以參考下2016-01-01
這篇文章主要介紹了ES6之Proxy的get方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了JS實現(xiàn)不規(guī)則TAB選項卡效果代碼,通過簡單的JavaScript響應(yīng)鼠標事件動態(tài)變換元素樣式實現(xiàn)不規(guī)則選項卡效果,非常具有實用價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JavaScript添加隨滾動條滾動窗體的方法,涉及JavaScript事件響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-02-02