成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

vue組件中傳值EventBus的使用及注意事項(xiàng)說(shuō)明

瀏覽:66日期:2022-10-28 11:32:58

主要想說(shuō)下非父子組件之間的通信。

項(xiàng)目場(chǎng)景:

在app.vue里寫(xiě)了一個(gè)公共的頂部導(dǎo)航navbar,然后右側(cè)有個(gè)分享按鈕,而這個(gè)分享按鈕只有在特定的頁(yè)面才展示,項(xiàng)目里是在lottery.vue頁(yè)面,然后想實(shí)現(xiàn)app.vue里點(diǎn)擊分享按鈕,觸發(fā)lottery.vue里的分享方法。

解決:使用eventBus

1、創(chuàng)建一個(gè)event-bus.js

import Vue from ’vue’

export const EventBus = new Vue()

2、在app.vue引入eventbus,點(diǎn)擊分享按鈕時(shí)觸發(fā)方法

import { EventBus } from ’@/tools/event-bus’ onClickRight () { EventBus.$emit(’handleLotteryShare’)}

3、在lottery.vue引入eventBus,在mounted里監(jiān)聽(tīng)

import { EventBus } from ’@/tools/event-bus’ mounted () { EventBus.$on(’handleLotteryShare’, () => { this.doShare() }) },

4、到此解決了。但是,但是,出bug了,每多點(diǎn)擊一次,分享的彈窗的蒙層顏色就更深一層。然后一頭霧水,以為是原生app里api的bug,跑去問(wèn)他們,結(jié)果尷尬了,并不是,而是調(diào)了多次分享接口。

然后就發(fā)現(xiàn)應(yīng)該跟eventBus有關(guān),上網(wǎng)搜索了下,原來(lái)eventBus用完要記得解綁。加上以下代碼解決了。

created () { // 解綁bus EventBus.$off(’handleLotteryShare’)}

使用eventBus注意事項(xiàng):要記得解綁啊!EventBus.$off(’handleLotteryShare’)。

補(bǔ)充知識(shí):vue前端兄弟組件或任意兩個(gè)組件之間進(jìn)行傳值可以使用eventbus

具體使用流程如下:

1、定義一個(gè)js文件,引入Vue

vue組件中傳值EventBus的使用及注意事項(xiàng)說(shuō)明

2、在需要使用eventbus的組件中引入步驟1創(chuàng)建的js文件

vue組件中傳值EventBus的使用及注意事項(xiàng)說(shuō)明

bus.$emit進(jìn)行傳值

vue組件中傳值EventBus的使用及注意事項(xiàng)說(shuō)明

3、在另一個(gè)組件中使用bus.$on進(jìn)行接收

vue組件中傳值EventBus的使用及注意事項(xiàng)說(shuō)明

其中,msg即為步驟2中emit攜帶的參數(shù)“123”

以上這篇vue組件中傳值EventBus的使用及注意事項(xiàng)說(shuō)明就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
亚洲黄色影片| 亚洲午夜一区二区三区| 国产精品久久三| 国产一区欧美二区| 日本高清成人免费播放| 亚洲综合一区在线| 激情久久五月| 国产精品久久久久久久久久久免费看 | 国产精品一区免费视频| 欧美综合一区二区| 日本午夜精品一区二区三区电影| 午夜亚洲伦理| 一区二区三区中文在线观看| 午夜精品久久| 亚洲精品一区二区三区在线观看 | 国产成人夜色高潮福利影视| 欧美日韩免费视频| 韩国av一区二区三区四区| 在线免费亚洲电影| 老司机免费视频一区二区| 欧美在线小视频| 美腿丝袜在线亚洲一区| 欧美专区日韩专区| 六月丁香婷婷色狠狠久久| 欧洲一区在线电影| 久久se精品一区二区| 欧美三级视频在线观看| 久久精品国产一区二区三 | 亚洲黄色小说网站| 亚洲裸体视频| 亚洲成人免费av| 一本色道**综合亚洲精品蜜桃冫| 日韩av一区二| 欧美午夜精品电影| 国产精品一卡二| 欧美成人女星排行榜| aaa欧美日韩| 欧美—级在线免费片| 一区二区亚洲精品| 一区二区久久久久久| 久久久久一区二区三区| 日韩精品高清不卡| 日本韩国欧美三级| 国产九色精品成人porny | 午夜久久美女| 亚洲丝袜制服诱惑| 国产精品一区视频网站| 日本视频在线一区| 欧美一区二区三区日韩| 99国产精品久久久| 亚洲免费观看高清完整版在线观看熊| 性xx色xx综合久久久xx| 蜜臀av性久久久久av蜜臀妖精 | 日韩一区二区视频在线观看| 99久久免费国产| 亚洲色图丝袜美腿| 可以看av的网站久久看| 国内偷窥港台综合视频在线播放| 欧美人与z0zoxxxx视频| 不卡的av网站| 中文字幕亚洲区| 久久综合久久综合这里只有精品| 国产一区欧美一区| 中文久久乱码一区二区| 香蕉视频成人在线观看 | 亚洲一区二区在线免费观看视频| 色视频一区二区| 成人网男人的天堂| 亚洲男人电影天堂| 欧美色综合网站| gogogo免费视频观看亚洲一| 亚洲男人的天堂av| 欧美在线观看视频一区二区三区| 成人aa视频在线观看| 综合自拍亚洲综合图不卡区| 日韩av成人高清| 91麻豆精品国产综合久久久久久| 久久亚洲精品小早川怜子| 久久久www成人免费毛片麻豆| 久久精品欧美日韩| 蜜桃视频一区二区三区在线观看| 日韩三级免费观看| 在线观看一区视频| 精品一区二区三区视频| 久久婷婷一区二区三区| 国产精品亚洲综合| 国产91高潮流白浆在线麻豆 | 欧美高清视频在线高清观看mv色露露十八| 欧美在线资源| 日本免费新一区视频 | 免费成人在线观看| 久久精品人人做| 久久综合电影| 欧美一区国产一区| 日本一不卡视频| 国产亚洲精品福利| 欧美日韩在线一区二区| 欧美网站在线| 久久精品无码一区二区三区| 国产精品短视频| 久久精品亚洲一区二区三区浴池 | 国产成人久久精品77777最新版本| 亚洲天堂久久久久久久| 欧美日韩中文字幕精品| 怡红院精品视频在线观看极品| 黑人精品欧美一区二区蜜桃| 亚洲精品欧美激情| 久久综合一区二区| 色88888久久久久久影院野外| 欧美一区视频| 美国三级日本三级久久99| 国产精品美日韩| 欧美精品在欧美一区二区少妇| 亚洲经典自拍| 国产成人自拍高清视频在线免费播放| 一级女性全黄久久生活片免费| 精品国产sm最大网站免费看 | 国产日韩欧美麻豆| 欧美日韩夫妻久久| 中文高清一区| av电影天堂一区二区在线观看| 日韩精品福利网| 日韩一区欧美小说| 精品国产一区二区三区不卡 | 午夜精品在线看| 国产日韩高清在线| 日韩一区二区精品| 老牛国产精品一区的观看方式| 精品99视频| 成人激情午夜影院| 久草这里只有精品视频| 一区二区三区免费看视频| 久久亚洲精华国产精华液| 欧洲色大大久久| 中国女人久久久| 国产精品国产精品| 成人精品高清在线| 精品一区二区国语对白| 天天操天天色综合| 亚洲黄色尤物视频| 中文字幕亚洲在| 久久久久久久久久电影| 91精品福利在线一区二区三区 | 欧美日韩国产天堂| 久久亚洲风情| 亚洲精品人人| 国产精品久久7| 97se亚洲国产综合自在线不卡 | 欧美精品一二三区| 在线看一区二区| 噜噜噜91成人网| 一本久道久久综合婷婷鲸鱼| 91免费视频观看| 成人久久久精品乱码一区二区三区| 九色porny丨国产精品| 日韩成人av影视| 亚洲第四色夜色| 亚洲激情五月婷婷| 最新成人av在线| 欧美韩国日本不卡| 久久众筹精品私拍模特| 欧美成人午夜电影| 日韩亚洲欧美在线| 欧美一级日韩免费不卡| 3atv在线一区二区三区| 欧美亚洲国产一区在线观看网站| 久久精品一二三区| 久久国产直播| 美日韩精品视频| 欧美资源在线| 香港久久久电影| 亚洲一区影院| 免费视频一区| 久久综合亚州| 91久久免费观看| 欧美午夜精品电影| 欧美久久久一区| 欧美放荡的少妇| 欧美猛男超大videosgay| 欧美亚洲国产一卡| 欧美体内she精高潮| 欧美日韩国产123区| 欧美四级电影在线观看| 欧美日韩一区二区三区四区| 欧美日韩亚洲综合| 欧美久久久久久蜜桃| 欧美日韩1区2区| 91精品免费在线观看| 日韩视频免费直播| 久久精子c满五个校花| 国产精品网曝门| 亚洲蜜臀av乱码久久精品蜜桃| 亚洲国产精品一区二区www在线 | 久久99国产精品麻豆| 精品在线观看免费| 麻豆精品国产91久久久久久| 国产九九视频一区二区三区| 狠狠色伊人亚洲综合成人| 久久99国产精品麻豆| 国内精品伊人久久久久av一坑|