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知识点之&quot;深入理解作用域链&quot;的介绍
Apr 23 Javascript
js控制input输入字符解析
Dec 27 Javascript
javascript的数组和常用函数详解
May 09 Javascript
Jquery 效果使用详解
Nov 23 Javascript
jQueryUI中的datepicker使用方法详解
May 25 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
js防阻塞加载的实现方法
Sep 09 Javascript
js拖拽功能实现代码解析
Nov 28 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
分享Angular http interceptors 拦截器使用(推荐)
Nov 10 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 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
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
学习PHP session的传递方式
2016/06/15 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
PHP实现查询手机归属地的方法详解
2017/04/28 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
实现PHP中session存储及删除变量
2018/10/15 PHP
PHP页面静态化――纯静态与伪静态用法详解
2020/06/05 PHP
CCPry JS类库 代码
2009/10/30 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
JS实现刷新父页面不弹出提示框的方法
2016/06/22 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
2019/04/29 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
python采集博客中上传的QQ截图文件
2014/07/18 Python
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
详解Django中的权限和组以及消息
2015/07/23 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
实现Python与STM32通信方式
2019/12/18 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
为什么要优先使用同步代码块而不是同步方法?
2013/01/30 面试题
DELPHI面试题研发笔试试卷
2015/11/08 面试题
学生档案自我鉴定
2013/10/07 职场文书
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python