当前位置: 首页 > news >正文

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>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 千云物流 -低代码平台MySQL在linux安装
  • 深入理解计算机系统阅读笔记-第三章
  • 【NLP自然语言处理】文本处理的基本方法
  • stm32的内部时钟源 | RC震荡电路
  • h5适配iOS——window.open失效
  • win10使用系统自带照片查看器的步骤
  • 电路笔记(信号) : 一个极简的DDS信号发生器
  • 巨魔商店2安装教程,支持最新iOS 17.0的所有型号
  • camera: TypeError: Cannot read properties of undefined reading ‘getUserMedia
  • linux 权限解读
  • 【云计算】什么是云计算服务|为什么出现了云计算|云计算的服务模式
  • 【算法每日一练及解题思路】判断数字是否为偶数
  • 成为一名厉害的黑客,必须知道的12个步骤,黑客入门
  • 斗破C++编程入门系列之二十:数组、指针和字符串:数组的声明和使用(一星斗师)
  • mysql与es数据同步
  • 【108天】Java——《Head First Java》笔记(第1-4章)
  • 2017前端实习生面试总结
  • java多线程
  • jquery cookie
  • Python十分钟制作属于你自己的个性logo
  • Spark VS Hadoop:两大大数据分析系统深度解读
  • vue-loader 源码解析系列之 selector
  • vuex 学习笔记 01
  • Vue官网教程学习过程中值得记录的一些事情
  • vue中实现单选
  • 分布式熔断降级平台aegis
  • 分类模型——Logistics Regression
  • 马上搞懂 GeoJSON
  • 腾讯优测优分享 | 你是否体验过Android手机插入耳机后仍外放的尴尬?
  • 提升用户体验的利器——使用Vue-Occupy实现占位效果
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 原生JS动态加载JS、CSS文件及代码脚本
  • 阿里云服务器购买完整流程
  • 如何正确理解,内页权重高于首页?
  • ​经​纬​恒​润​二​面​​三​七​互​娱​一​面​​元​象​二​面​
  • # SpringBoot 如何让指定的Bean先加载
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #LLM入门|Prompt#3.3_存储_Memory
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (2009.11版)《网络管理员考试 考前冲刺预测卷及考点解析》复习重点
  • (c语言)strcpy函数用法
  • (Matalb分类预测)GA-BP遗传算法优化BP神经网络的多维分类预测
  • (Oracle)SQL优化技巧(一):分页查询
  • (Python) SOAP Web Service (HTTP POST)
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (附源码)springboot高校宿舍交电费系统 毕业设计031552
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (附源码)计算机毕业设计ssm-Java网名推荐系统
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (小白学Java)Java简介和基本配置
  • (轉貼) 寄發紅帖基本原則(教育部禮儀司頒布) (雜項)
  • .bat文件调用java类的main方法
  • .cfg\.dat\.mak(持续补充)
  • .gitignore文件设置了忽略但不生效