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>