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 相关文章推荐
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
jQuery实现div浮动层跟随页面滚动效果
Feb 11 Javascript
基于Jquery实现键盘按键监听
May 11 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
Dec 05 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
vue图片加载与显示默认图片实例代码
Mar 16 Javascript
jQuery插件之validation插件
Mar 29 jQuery
jQuery实现全选、反选和不选功能
Aug 16 jQuery
vue基本使用--refs获取组件或元素的实例
Nov 07 Javascript
微信小程序实现录音Record功能
May 09 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下编码转换函数mb_convert_encoding与iconv的使用说明
2009/12/16 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
javascript测试题练习代码
2012/10/10 Javascript
JS中的this变量的使用介绍
2013/10/21 Javascript
js与css实现弹出层覆盖整个页面的方法
2014/12/13 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
2017/12/22 Javascript
微信小程序网络封装(简单高效)
2018/08/06 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
Python中集合类型(set)学习小结
2015/01/28 Python
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
对Python3中的input函数详解
2018/04/22 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
pyqt 实现在Widgets中显示图片和文字的方法
2019/06/13 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
豪华床上用品 :Jennifer Adams
2019/09/15 全球购物
简历中求职的个人自我评价
2013/12/03 职场文书
小学二年级评语
2014/04/21 职场文书
优秀工会工作者事迹材料
2014/06/02 职场文书
小学教师岗位职责
2015/04/02 职场文书
如何制定销售人员薪酬制度?
2019/07/09 职场文书
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫