javascript - vue2.0兄弟组件通信,数据传递成功了,但是无法改变组件的数据

 mobiledu2502873797 发布于 2022-11-27 09:46

新手练手做的小项目,比较简单,没用vuex,而是用的官方文档这种方法。
data.title = 'ccc' 控制台里可以看到已经传过来了,qnss的长度也变成了3。
但是渲染出来仍然只有两项,vue-devtool里也显示只有两项。

我试了下好像写在$on回调函数里的语句没法改变这个组件的数据,在后面console.log(this.qnss)仍然是2个元素。但是this指向没有问题,不知道问题出在哪。写在外面又没法获取data。

章鱼喵地址https://github.com/win5do/IFE...

一脸懵逼求解答!大神不要一上来就叫我用vuex,碰到小坑填平嘛,别老是想着绕路= 。=

组件list里的代码:




2 个回答
  • 是大兄弟你的使用方式不对呀。

    参见 StackOverflow vue-js-global-event-bus

    2022-11-27 10:03 回答
  • VUE-BUS我还没用过,不过看机制的话应该是一种异步回调,created是初始渲染时的钩子,只执行一次,需要需要配合异步的话可以用
    1.setTimeOut(function(){console.log(this.qnss)},1)
    2.使用mounted钩子,这个是双向绑定的。

    2022-11-27 10:03 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有