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 相关文章推荐
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
jquery引用方法时传递参数原理分析
Oct 13 Javascript
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
Jun 21 Javascript
利用ECharts.js画K线图的方法示例
Jan 10 Javascript
JS实现select选中option触发事件操作示例
Jul 13 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
Fetch超时设置与终止请求详解
May 18 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
Oct 21 Javascript
谈一谈vue请求数据放在created好还是mounted里好
Jul 27 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
77A一级收信机修理记
2021/03/02 无线电
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
2019/02/25 PHP
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
微信小程序中使用echarts的实现方法
2019/04/24 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
Python求解平方根的方法
2015/03/11 Python
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
2016/05/17 Python
将python代码和注释分离的方法
2018/04/21 Python
Python模拟浏览器上传文件脚本的方法(Multipart/form-data格式)
2018/10/22 Python
基于Python实现人脸自动戴口罩系统
2020/02/06 Python
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
计算机专业毕业生自荐信
2013/12/31 职场文书
仓库组长岗位职责
2014/01/29 职场文书
品质主管岗位职责
2014/03/16 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
见义勇为事迹材料
2014/12/24 职场文书
亲属关系公证书样本
2015/01/23 职场文书
工作失误检讨书
2015/01/26 职场文书
公司趣味运动会开幕词
2016/03/04 职场文书
创业计划之特色精品店
2019/08/12 职场文书
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python
java开发双人五子棋游戏
2022/05/06 Java/Android