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 flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
用javascript获取textarea中的光标位置
May 06 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
使用Node.js实现HTTP 206内容分片的教程
Jun 23 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
Javascript中 toFixed四舍六入方法
Aug 21 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
vue中注册自定义的全局js方法
Nov 15 Javascript
开发Node CLI构建微信小程序脚手架的示例
Mar 27 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 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加密扩展库Mcrypt安装和实例
2013/11/10 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
Mac系统下使用brew搭建PHP(LNMP/LAMP)开发环境
2015/03/03 PHP
PHP之预定义接口详解
2015/07/29 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
PHP设计模式之工厂方法设计模式实例分析
2018/04/25 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
2016/04/15 Javascript
浅析在javascript中创建对象的各种模式
2016/05/06 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
Python基于opencv的图像压缩算法实例分析
2018/05/03 Python
python 动态迁移solr数据过程解析
2019/09/04 Python
python 发送json数据操作实例分析
2019/10/15 Python
基于Python把网站域名解析成ip地址
2020/05/25 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
编程实现当输入某产品代码则打印出该产品记录的功能
2014/05/03 面试题
2013年保送生自荐信格式
2013/11/20 职场文书
护士自我介绍信
2014/01/13 职场文书
超市创业计划书
2014/04/24 职场文书
艾滋病宣传标语
2014/06/25 职场文书
大学军训心得体会800字
2016/01/11 职场文书