uniapp微信小程序扫码功能

数字浪儿

已于 2024-03-20 16:55:16 修改

阅读量741

点赞数 3

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签： uni-app 微信小程序小程序

于 2024-03-20 16:49:31 首次发布

本文链接：https://blog.csdn.net/weixin_45128657/article/details/136881726

微信小程序专栏收录该内容

7 篇文章

订阅专栏

给元素增加一个点击事件

<template>
  <view>
    <image src="/static/erweim.png" mode="aspectFit"></image>
     <view>
       <button type="primary" @click="gotoStore()">
         <image src="/static/smIcon.png"></image>扫码点餐
       </button>
     </view>
   </view>
</template>

export default {
  data() {
    return {}
  },
  methods: {
    gotoStore(page) {
      uni.scanCode({
        success: function (res) {
          console.log('扫码功能', res)
          const a = res.result.split('?')[1]
          uni.navigateTo({ url: '/pages/product/list/store?' + a })
        },
      })
    },
  },
}

获取扫码的参数

if (e.q) {//微信扫码进入
	const strr = e.q.replace(/\s*/g, '')
	const str = decodeURIComponent(strr)
	self.facilityObj = self.urlToObj(str)
	self.facilityObj.table_no = self.facilityObj.facilityNo
	console.log('facilityObj', self.facilityObj)
} else {//页面点击进入
	e.table_no = e.facilityNo
	self.facilityObj = e
}