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 相关文章推荐
jquery.validate分组验证代码
Mar 17 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
Sep 24 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
jQuery的ready方法实现原理分析
Oct 26 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
纯js封装的ajax功能函数与用法示例
May 14 Javascript
vue拖拽排序插件vuedraggable使用方法详解
Aug 21 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
让 babel webpack vue 配置文件支持智能提示的方法
Jun 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实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
jquery序列化方法实例分析
2015/06/10 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
全面解析Bootstrap中scrollspy(滚动监听)的使用方法
2016/06/06 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
angularjs之$timeout指令详解
2017/06/13 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
python strip()函数 介绍
2013/05/24 Python
Python中os.path用法分析
2015/01/15 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
天巡全球:Skyscanner Global
2017/06/20 全球购物
Genny意大利官网:意大利高级时装品牌
2020/04/15 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
资源环境与城市管理专业推荐信
2013/11/30 职场文书
环卫工人先进事迹材料
2014/06/02 职场文书
2014年行风建设工作总结
2014/12/01 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
Python OpenCV之常用滤波器使用详解
2022/04/07 Python
MySQL 字符集 character
2022/05/04 MySQL