元件之間通訊

2022-09-23 07:47:00 字數 1276 閱讀 8264

父元件傳值給子元件,通過props屬性的傳遞,子元件通過$emit事件的觸發。

input元件裡,觸發:

event.js:    event是一個vue例項。

list元件裡呼叫:mounted鉤子函式裡呼叫,beforedestory裡銷燬。

在utils裡新建一個eventbus.js檔案

const install = (vue) =>,

on(event, callback) ,

off(event, callback) ,

},});

vue.prototype.$bus

=bus;

};export

default install;

在main.js中引用

import vuebus from './utils/eventbus';

vue.use(vuebus);

在元件xingyezilvtqcjiancha.vue中觸發

sendmsg() )

.then((rspdata) =>);

this.$bus.emit('refreshdata'

); destroyalldialogs();

}).catch((error) =>);

},

在shipinfo.vue中引用

created() );

setinterval(

this.showmarquee, 3000);

},beforedestroy () ,