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 相关文章推荐
WEB高性能开发之疯狂的HTML压缩
Jun 19 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
JavaScript中switch语句的用法详解
Jun 03 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
jQuery页面加载初始化的3种方法(推荐)
Jun 02 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
jQuery表格的维护和删除操作
Feb 03 Javascript
原生js简单实现放大镜特效
May 16 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
vue后台管理之动态加载路由的方法
Aug 13 Javascript
vue实现图片裁剪后上传
Dec 16 Vue.js
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数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
2011/10/31 PHP
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
解析如何在PHP下载文件名中解决乱码的问题
2013/06/20 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
thinkPHP查询方式小结
2016/01/09 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
php实现简单四则运算器
2020/11/29 PHP
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
jQuery实现动态添加tr到table的方法
2016/12/26 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
Python语法快速入门指南
2015/10/12 Python
Python 的描述符 descriptor详解
2016/02/27 Python
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
python爬取个性签名的方法
2018/06/17 Python
Python实现常见的回文字符串算法
2018/11/14 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
Django之模型层多表操作的实现
2019/01/08 Python
用pycharm开发django项目示例代码
2019/06/13 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
Python基于pillow库实现生成图片水印
2020/09/14 Python
一款纯css3实现简单的checkbox复选框和radio单选框
2014/11/05 HTML / CSS
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
财务经理的岗位职责
2013/12/17 职场文书
数控个人求职信范文
2014/02/03 职场文书
门面房租房协议书
2014/08/20 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
2014年计生协会工作总结
2014/11/21 职场文书
公司员工手册范本
2015/05/14 职场文书
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript