javascript - vue中一个组件如何更好地监听另一个组件的事件
習慣沉默
習慣沉默 2017-06-14 10:53:44
[JavaScript讨论组]

父组件APP下面有A,B,C,D4个路由组件,这4个路由组件下面分别有A1,B1,C1,D1子组件,其中app下面还有一个E组件。A1,B1,C1,D1这些组件单击后要触发E组件里面的方法,并把相应的参数传递给E组件中的方法。现在我的方法是使用

this.$emit一层一层往上传递到父组件然后使用this.$refs 这样的方法激活E组件的方法和传递数据.
后来觉得这样麻烦就使用vuex, 把要传递的数据都放进store里面,但是不知道怎么使用vuex让E组件的方法在我点击后自动触发
習慣沉默
習慣沉默

全部回复(1)
学习ing

可以在E组件computed store的值,然后watch这个值,然后根据store的值改变后触发watchhandler,如果需要每次点击相同组件都触发,需要每次点击都要改变一个值,computed应该是缓存的。
更好的方法应该是写成vuex的一个action吧,然后在每个组件中导入这个action,就可以使用了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号