vue.js 子组件无法获取父组件store值的解决方式


Posted in Javascript onNovember 08, 2019

子组件:

props:['myDetail']

父组件:

<子组件 :myDetail="detail"></子组件>

computed:{
  detail(){
    return this.$store.state.XXXX.yyyy
  }
}

子组件的参数值不会随着父组件store中参数值的改变而改变

修改为

父组件:

data:{
detail:{}
}

methods:{
  reloadDetail(){
    this.detail=JSON.parse(JSON.stringify(this.$store.state.XXXX.yyyy));
  }
}

调用reloadDetail方法,以及必须加上JSON.parse(JSON.stringify())方法,子组件的值才会随着父组件参数值的变化而变化

以上这篇vue.js 子组件无法获取父组件store值的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript原型链示例分享
Jan 26 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
获取IE浏览器Cookie信息的方法
Jan 23 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
VUEX采坑之路之获取不到$store的解决方法
Nov 08 #Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 #Javascript
Vue打包后访问静态资源路径问题
Nov 08 #Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 #Javascript
js 对象使用的小技巧实例分析
Nov 08 #Javascript
JS对日期操作封装代码实例
Nov 08 #Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 #Javascript
You might like
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
通过html表格发电子邮件
2006/10/09 PHP
php生成数字字母的验证码图片
2015/07/14 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
JavaScript prototype对象的属性说明
2010/03/13 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
2013/01/17 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
javaScript语法总结
2016/11/25 Javascript
javascript中this关键字详解
2016/12/12 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
详解canvas在圆弧周围绘制文本的两种写法
2018/05/22 HTML / CSS
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
会计毕业生自荐信
2013/11/21 职场文书
竞选班干部演讲稿
2014/04/24 职场文书
幼儿园八一建军节活动方案
2014/08/27 职场文书
七一晚会主持词
2015/06/29 职场文书
《日月潭》教学反思
2016/02/20 职场文书
Redis 中使用 list,streams,pub/sub 几种方式实现消息队列的问题
2022/03/16 Redis