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 操作select相关方法函数
Dec 06 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
JavaScript:Array类型全面解析
May 19 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
详解Angular6 热加载配置方案
Aug 18 Javascript
基于Vue实现可以拖拽的树形表格实例详解
Oct 18 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 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
从零开始学YII2框架(四)扩展插件yii2-kartikgii
2014/08/20 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP基于pdo的数据库操作类【可支持mysql、sqlserver及oracle】
2018/05/21 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
javascript数组去掉重复
2011/05/12 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
2014/06/23 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
2017/04/22 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
实例解析Vue.js下载方式及基本概念
2018/05/11 Javascript
python面试题小结附答案实例代码
2019/04/11 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
Python计算矩阵的和积的实例详解
2020/09/10 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
CSS3 文字动画效果
2020/11/12 HTML / CSS
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
机械专业毕业生推荐信范文
2013/11/25 职场文书
4s客服专员岗位职责
2013/12/01 职场文书
计划生育责任书
2015/05/09 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
小学生一年级(书信作文)
2019/08/13 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
你真的会用Mysql的explain吗
2022/03/31 MySQL