素材牛VIP会员
关于Vue公共bus传值,接收容器数据被统一的问题!
 高***侠  分类:JavaScript  人气:797  回帖:1  发布于6年前 收藏

两个组件之间通过公共的bus通信,赋值给不同的输入框!选择同一个方法下的不同值得时候是正常的,一旦切换到bus下的另外一个方法,则之前选择的输入框的值会被统一替换!
代码如下:
/

//优惠券数据

触发方法:openLinkModule(item.status,index,i)
        
函数方法:
            bus.$on("couponModule", data => {
                console.log(data.url)
                if(status == 0) {
                 this.pageList[index].spreadInfo.adUrl = data.url
            } else if(status == 2) {
                this.pageList[index].swiperList[i].pageUrl=data.url
            } else if(status == 3) {
                 this.pageList[index].imgList[i].pageUrl = data.url
            } else if(status == 4) {
             this.pageList[index].goodsList[i].pageUrl = data.url
            } else if(status == 5) {
                 this.pageList[index].icoList[i].pageUrl =data.url
            } 
                bus.$off("couponModule")
            })
            //活动页面数据
            bus.$on("activityModule", data => {
                console.log(data.url)
                if(status == 0) {
                 this.pageList[index].spreadInfo.adUrl = data.url
            } else if(status == 2) {
                this.pageList[index].swiperList[i].pageUrl=data.url
            } else if(status == 3) {
                 this.pageList[index].imgList[i].pageUrl = data.url
            } else if(status == 4) {
             this.pageList[index].goodsList[i].pageUrl = data.url
            } else if(status == 5) {
                 this.pageList[index].icoList[i].pageUrl =data.url
            } 
                bus.$off("activityModule")
            })

/

下面贴上动态图最明显:

 标签:javascript

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv1 新人
ba***ag UI设计师 6年前#1
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取