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 相关文章推荐
js表格分页实现代码
Sep 18 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
简约JS日历控件 实例代码
Jul 12 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
jQuery原理系列-常用Dom操作详解
Jun 07 Javascript
微信支付 JS API支付接口详解
Jul 11 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
JavaScript设计模式之代理模式详解
Jun 09 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
Javascript数组及类数组相关原理详解
Oct 29 Javascript
原生js实现放大镜组件
Jan 22 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
PHP中如何调用webservice的实例参考
2013/04/25 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
浅析十款PHP开发框架的对比
2013/07/05 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
Python工程师面试题 与Python Web相关
2016/01/14 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
python 实现敏感词过滤的方法
2019/01/21 Python
对Python3 序列解包详解
2019/02/16 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
浅谈Python 参数与变量
2020/06/20 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题
2020/11/24 Python
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
个人简历的自荐信
2013/10/23 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
实验心得体会
2014/09/05 职场文书
2015年党性分析材料
2014/12/19 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
javascript canvas实现雨滴效果
2021/06/09 Javascript