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 相关文章推荐
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
Aug 10 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
微信小程序图片自适应支持多图实例详解
Jun 21 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
Aug 26 Javascript
react配合antd组件实现的管理系统示例代码
Apr 24 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
JS闭包经典实例详解
Dec 20 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
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
php中array_column函数简单实现方法
2016/07/11 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
javascript OFFICE控件测试代码
2009/12/08 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
2012/07/24 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
node.js连接MongoDB数据库的2种方法教程
2017/05/17 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
jQuery实现的简单动态添加、删除表格功能示例
2017/09/21 jQuery
浅谈mint-ui 填坑之路
2017/11/06 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
python中去空格函数的用法
2014/08/21 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
python的launcher用法知识点总结
2020/08/07 Python
浅谈CSS3中display属性的Flex布局的方法
2017/08/14 HTML / CSS
css3 实现圆形旋转倒计时
2018/02/24 HTML / CSS
美国社交购物市场:MassGenie
2019/02/18 全球购物
英国电气世界:Electrical World
2019/09/08 全球购物
高三英语教学反思
2014/01/13 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
社区春季防火方案
2014/06/02 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
优秀员工事迹材料
2014/12/20 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
好员工观后感
2015/06/17 职场文书
超市店长竞聘书
2015/09/15 职场文书
JS高级程序设计之class继承重点详解
2022/07/07 Javascript