首頁(yè) 猿問(wèn) vue 數(shù)據(jù)傳遞問(wèn)題

vue 數(shù)據(jù)傳遞問(wèn)題

JavaScript

冉冉說(shuō) 2018-11-14 13:14:58

app.vue 頁(yè)面b頁(yè)面我想b頁(yè)面觸發(fā) app.vue的自定義事件，但是提示 bus 未定義，我就想知道怎么引入進(jìn)去？

查看完整描述

1 回答

鴻蒙傳說(shuō)

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

bus 提出來(lái)，放到特定的地方。

1、創(chuàng)建 bus.js

// bus.jsimport Vue from 'vue';  
export default new Vue();

2、申明

import Bus from 'bus';  

export default {
    created() {  
        Bus.$on('getData', target => {  
            console.log(target);  
        });  
    }  
}

3、調(diào)用

import Bus from 'bus';  

export default{
    methods: {  
       but(event) {  
           Bus.$emit('getData', event.target);   
       }  
    }  
}

反對(duì) 回復(fù) 2018-12-06