uniapp使用tki-qrcode插件生成二维码,并且可以分享给微信好友
1、 导入插件
npm i tki-qrcode
2、页面引入插件并挂载
<view class="content-qr-box"><tki-qrcode cid="qrcode2" ref="qrcode2" :val="qr_content" :size="390" :onval="true" :loadMake="true":usingComponents="true" @result="qrResult" /></view>
<script>import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';export default {components: {tkiQrcode},data() {return {qr_content: '1', // 生成的转接码内容result: ''}},methods: {// 二维码保存saveQrCode() {this.$refs.qrcode2._saveCode();},qrResult(e) {console.log("生成的图片base64或图片临时地址", e);this.result = e;},// 分享图片到微信shareToWechat() {let _this = this;wx.showShareImageMenu({path: _this.result //要分享的图片地址,必须为本地路径或临时路径})}},}
</script>
按钮
<view class="content-btn common-flex"><view class="btn left-btn" @click="saveQrCode()">下载保存</view><view class="btn right-btn" @click="shareToWechat">分享到微信</view>
</view>