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 应用代码 方便的排序功能
Feb 06 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
详解React项目中碰到的IE问题
Mar 14 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
解决vue watch数据的方法被调用了两次的问题
Nov 07 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生成缩略图的函数代码(修改版)
2011/01/18 PHP
组合算法的PHP解答方法
2012/02/04 PHP
php实现利用phpexcel导出数据
2013/08/24 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
PHP文件操作详解
2016/12/30 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
文本链接逐个出现的js脚本
2007/12/12 Javascript
img的onload的另类用法
2008/01/10 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
2015/11/17 Javascript
jQuery中选择器的基础使用教程
2016/05/23 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
2016/05/27 Javascript
ReactNative页面跳转实例代码
2016/09/27 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
[01:23]2019完美世界全国高校联赛(春季赛)合肥全国总决赛
2019/06/10 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
python图像和办公文档处理总结
2019/05/28 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
python定义具名元组实例操作
2021/02/28 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
助人为乐表扬信范文
2014/01/14 职场文书
消防应急演练方案
2014/02/12 职场文书
公证书标准格式
2014/04/10 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL