vue bus传值（带参数），调用组件之间的方法

1.不带参数的调用
创建的时候绑定created () {this.getLeftF();this.$bus.on('getLeftF', this.getLeftF);},销毁beforeDestroy () {this.$bus.off('getLeftF');  },methods: {getLeftF () {let params = {code: '0', page: 1, size: 50, companyId: this.companyId};FIND_PAGE_DESIGN_MODULEE(params).then(res => {if (res.code === 200 && res.data.data.length > 0) {this.leftMenus = res.data.data;this.$emit('update:leftMenus', this.leftMenus);this.auotoAdd(res.data.data);}});},
}想要调用的地方直接this.$bus.emit('getLeftF'); 就可以了2.带参数的调用created () {this.initTag();this.$bus.on('updateTopTags', this.updateTopTags);},beforeDestroy () {this.$bus.off('updateTopTags');},methods: {updateTopTags (newVal) {console.log('qqqqq导航栏点击了', this.tags);if (newVal.type === this.activeTag.type && newVal.sourceId === this.activeTag.sourceId) {console.log('qqqqq已经是当前数据，不用切换');} else {if (!this.checkAddOrChange(newVal)) {this.tags.push(newVal);}this.activeTag = newVal;}},}
想要调用的地方直接this.$bus.emit('updateTopTags', getObj); 就可以了

vue bus传值（带参数），调用组件之间的方法相关推荐

【Vue组件传值】不同的组件之间的数据传值方法
不同的组件之间的数据传值方法父组件向子孙组件传值.通过方法provide / inject (1)provide/inject的介绍: provide/ inject 是vue2.2.0新增的api ...
Vue中父子及非父子组件之间的通信方法
Vue中父子及非父子组件之间的通信方法父子组件之间的通信方法父级->子级通信 (依赖单向数据绑定+props实现) Vue.component('Father', { //注册了含有data ...
不带参数的SQL语句执行方法
不带参数的SQL语句执行方法以下是不带参数的SQL语句执行方法的代码,它调用通用数据访问类(SqlHelper)执行 SqlHelper.ExecuteNonQuery()方法,使用示例为; int ...
vue父子组件之间的传值，及互相调用父子组件之间的方法
场景:父子组件之间的传值方法,以及调用他们的内部的方法 *** 父组件给子组件传值是通过属性绑定的方法 *** 子组件给父组件传值是通过绑定对应的方法将自身的值传递给父 ...
VUE父子组件之间的传值，以及兄弟组件之间的传值；
一.Vue父子组件之间传值 vue使用中,经常会用到组件,好处是: 1.如果有一个功能很多地方都会用到,写成一个组件就不用重复写这个功能了: 2.页面内容会简洁一些:方便管控: 子组件的传值是通过p ...
（vue基础试炼_05）简单组件之间的传值
接上一篇:(vue基础试炼_04)使用组件改造TodoListhttps://gblfy.blog.csdn.net/article/details/103844256 文章目录一.上篇回顾 ① 代 ...
vue变量传值_VUE 学习——父组件传值给子组件
在我们编写前端代码时,经常遇到的一种场景,子组件需要使用父组件的值,这种情况下,我们可以使用props帮助我们进行父子组件间的通信.这里我们先模拟一个场景,展示如何使用. 场景:在父组件修改值,传递给 ...
vue 父刷新子_父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法...
场景: 我实际用到的是这样的,我父组件引用子组件related,父组件调用获取页面详情的方法,更新了state值related,子组件根据该related来渲染相关新闻内容,但是页面打开的时候总是先加 ...
带参数标签的取值方法
方法一: <html><head> <meta http-equiv="Content-Type" content="text/html; ...

vue bus传值（带参数），调用组件之间的方法

vue bus传值（带参数），调用组件之间的方法相关推荐

最新文章

热门文章