uniapp編寫微信小程序遇到的坑總結

1、阻止事件冒泡

使用uniapp開發微信小程序的時候,發現使用@click.stop來阻止事件冒泡沒有作用,點擊了之后發現仍然會觸發父組件或者祖先組件的事件。
在這里插入圖片描述
在網上查閱,發現使用@tap.stop才能阻止事件冒泡。
在這里插入圖片描述

2、二維碼生成

在網上找了很多,發現很多都不行(也有可能是代碼沒寫對),最后是在uniapp的插件市場下載uQRcode插件,根據給出的案例,才完美解決了。
下面給處教程:
插件下載地址: uqrcode

1、 選中全部,搜索 “uqrcode”
在這里插入圖片描述
2、選中如下插件

如果不是選中的同一個插件,點進入之后可以根據里面的教程案例編寫代碼,我將已這個插件為案例
在這里插入圖片描述
3、下載壓縮包

下載壓縮包,解壓后找到uqrcode.js文件,根據自己項目,復制到項目下。(我的是放在src/utils下的)
在這里插入圖片描述

4、使用uqrcode.js

<template><view >	<view ><canvas id="qrcode" ref="qrcode" canvas-id="qrcode":style="{width:`${qrcodeSize}px`, height: `${qrcodeSize}px`}"></canvas></view>	</view>
</template><script>import uQRCode from "@/utils/uqrcode.js"export default {data() {return {qrcodeSize: 160,text:'eoruw20230528'}},mounted(){this.getQRcodeHandle()},methods: {// 獲取二維碼getQRcodeHandle() {uni.showLoading({title: '二維碼生成中',mask: true})uQRCode.make({canvasId: 'qrcode',text: this.text,//二維碼內容size: this.qrcodeSize,margin: 10,success: res => {console.log('qrcodeSrc = ' + res);},complete: () => {uni.hideLoading()}})},},}
</script>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/41515.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/41515.shtml
英文地址,請注明出處:http://en.pswp.cn/news/41515.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Linux 信號的基本概念

信號的基本概念 1. 信號的概念 信號是Linux系統響應某些條件產生的一些事件。接收到信號的進程會相應地采取一些行動。 2. 信號的生成 信號是由于某些錯誤條件而生成的&#xff0c;如內存段沖突、浮點處理器錯誤或非法指令等。信號的生成其實就是一種軟件層次的中斷&#x…

adb對安卓app進行抓包(ip連接設備)

adb對安卓app進行抓包&#xff08;ip連接設備&#xff09; 一&#xff0c;首先將安卓設備的開發者模式打開&#xff0c;提示允許adb調試 二&#xff0c;自己的筆記本要和安卓設備在同一個網段下&#xff08;同連一個WiFi就可以了&#xff09; 三&#xff0c;在筆記本上根據i…

JVM——類的生命周期

文章目錄 類加載過程加載驗證準備解析初始化 卸載 一個類的完整生命周期如下&#xff1a; 類加載過程 Class 文件需要加載到虛擬機中之后才能運行和使用&#xff0c;那么虛擬機是如何加載這些 Class 文件呢&#xff1f; 系統加載 Class 類型的文件主要三步:加載->連接->…

Redis-秒殺

唉 就記得當時搶冰墩墩的時候的秒殺了 我們要注意什么問題呢? 1.幾百萬人在這個瞬間搶冰墩墩 這個瞬間會有大量的請求 服務器要能抗的住 2.不能超賣,就那些冰墩墩 賣多了壓根沒有 好不容易搶到你說沒貨了怕不是要被沖爛 3.避免少賣 攏共就那些 你再少賣點 沒屁了 4.防黃牛…

CentOS系統環境搭建(十五)——CentOS安裝Kibana

centos系統環境搭建專欄&#x1f517;點擊跳轉 關于Elasticsearch的安裝請看CentOS系統環境搭建&#xff08;十二&#xff09;——CentOS7安裝Elasticsearch。 CentOS安裝Kibana 文章目錄 CentOS安裝Kibana1.下載2.上傳3.解壓4.修改kibana配置文件5.授予es用戶權限6.kibana 后臺…

uniapp的UI框架組件庫——uView

在寫uniapp項目時候&#xff0c;官方所推薦的樣式庫并不能滿足日常的需求&#xff0c;也不可能自己去寫相應的樣式&#xff0c;費時又費力&#xff0c;所以我們一般會去使用第三方的組件庫UI&#xff0c;就像vue里我們所熟悉的elementUI組件庫一樣的道理&#xff0c;在uniapp中…

? Spring Clould 配置中心 - Nacos

視頻地址&#xff1a;微服務&#xff08;SpringCloudRabbitMQDockerRedis搜索分布式&#xff09; Nacos配置管理-Nacos實現配置管理&#xff08;P24、P25&#xff09; Nacos除了可以做注冊中心&#xff0c;同樣可以做配置管理來使用。 當微服務部署的實例越來越多&#xff0c…

18萬字應急管理局智慧礦山煤礦數字化礦山技術解決方案WORD

導讀&#xff1a;原文《18萬字應急管理局智慧礦山煤礦數字化礦山技術解決方案WORD》&#xff08;獲取來源見文尾&#xff09;&#xff0c;本文精選其中精華及架構部分&#xff0c;邏輯清晰、內容完整&#xff0c;為快速形成售前方案提供參考。 目 錄 第一章 項目概述 1.1項目…

《Go 語言第一課》課程學習筆記(七)

代碼塊與作用域&#xff1a;如何保證變量不會被遮蔽&#xff1f; 什么是變量遮蔽呢&#xff1f;package mainimport ("fmt""github.com/google/uuid""github.com/sirupsen/logrus" )func main() {fmt.Println("hello, world")logrus.…

私域新零售商業模式成功的八大要素

從事互聯網行業多年以來&#xff0c;遇到客戶問最多的一個問題&#xff0c;就是什么樣的模式火呀&#xff1f;在設計一個商業模式時&#xff0c;不單單只是考慮資金和人脈等等資源的&#xff0c;其實還是需要遵循這八大原則&#xff0c;它包括&#xff1a;客戶價值最大化原則、…

PyTorch學習筆記(十三)——現有網絡模型的使用及修改

以分類模型的VGG為例 vgg16_false torchvision.models.vgg16(weightsFalse) vgg16_true torchvision.models.vgg16(weightsTrue) print(vgg16_true) vgg16_true.classifier.add_module("add_linear",nn.Linear(1000,10)) print(vgg16_true) vgg16_false.classifie…

C#學習,委托,事件,泛型,匿名方法

目錄 委托 聲明委托 實例化委托 委托的多播 委托的用途 事件 通過事件使用委托 聲明事件 泛型 泛型的特性 泛型方法 泛型的委托 匿名方法 編寫匿名方法的語法 委托 類似于指針&#xff0c;委托是存有對某個方法的引用的一種引用類型變量&#xff0c;引用可以在運…

vue中使用faker庫生成指定類型的隨機數據

介紹 Faker.js 是十分流行的 Node.js 工具庫&#xff0c;2022年初&#xff0c;Faker.js的作者突然刪庫跑路&#xff0c;導致眾多應用程序崩潰&#xff0c;為了繼續使用Faker的功能&#xff0c;社區的幾位開發者組成團隊決定創建并維護新項目faker-js/faker&#xff0c;現其已成…

Docker+Selenium Grid搭建自動化測試平臺

安裝docker yum install -y yum-utils device-mapper-persistent-data lvm2 yum-config-manager –add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo yum install docker-ce -y Create a Docker Network docker network create grid 下載鏡像 hu…

laravel-admin之 解決上傳圖片不顯示 $form->image(‘image‘); 及 $grid->column(‘image‘);

參考 https://blog.csdn.net/u013164285/article/details/106017464 $grid->column(‘image’)->image(‘http://wuyan.cn’, 100, 100); // //設置服務器和寬高 圖片上傳的域名 上傳的圖片不顯示 在 這里設置了圖片的上傳路徑 在這里設置 域名 就可以回顯圖片

【計算機視覺|生成對抗】帶條件的對抗網絡進行圖像到圖像的轉換(pix2pix)

本系列博文為深度學習/計算機視覺論文筆記&#xff0c;轉載請注明出處 標題&#xff1a;Image-to-Image Translation with Conditional Adversarial Networks 鏈接&#xff1a;Image-to-Image Translation with Conditional Adversarial Networks | IEEE Conference Publicati…

如何學習正則表達式

正則是什么&#xff0c;能做什么&#xff1f; 正則&#xff0c;就是正則表達式&#xff0c;英文是 Regular Expression&#xff0c;簡稱 RE。顧名思義&#xff0c;正則其實就是一種描述文本內容組成規律的表示方式。 在編程語言中&#xff0c;正則常常用來簡化文本處理的邏輯…

Android DataStore:安全存儲和輕松管理數據

關于作者&#xff1a;CSDN內容合伙人、技術專家&#xff0c; 從零開始做日活千萬級APP。 專注于分享各領域原創系列文章 &#xff0c;擅長java后端、移動開發、人工智能等&#xff0c;希望大家多多支持。 目錄 一、導讀二、概覽三、使用3.1 Preferences DataStore添加依賴數據讀…

LVS負載均衡集群-NAT模式部署

集群 集群&#xff1a;將多臺主機作為一個整體&#xff0c;然后對外提供相同的服務 集群使用場景&#xff1a;高并發的場景 集群的分類 1.負載均衡器集群 減少響應延遲&#xff0c;提高并發處理的能力 2&#xff0c;高可用集群 增強系統的穩定性可靠性&…

封裝vue2局部組件都要注意什么

一. 關于局部組件組成的三個部分&#xff08;template, script, style&#xff09; template > 組件的模板結構 &#xff08;必選&#xff09; 每個組件對應的模板結構&#xff0c;需要定義到template節點中 <template><!-- 當前組件的dom結構&#xff0c;需…