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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
ie focus bug 解决方法
Sep 03 Javascript
JavaScript获取多个数组的交集简单实例
Nov 11 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
原生javascript获取元素样式
Dec 31 Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
微信小程序全局变量改变监听的实现方法
Jul 15 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 foreach遍历多维数组实现方式
2016/11/16 PHP
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
javascript整除实现代码
2010/11/23 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
纯JS焦点图特效实例(可一个页面多用)
2016/12/07 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
2018/10/12 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
Vue多选列表组件深入详解
2021/03/02 Vue.js
仅用50行代码实现一个Python编写的计算器的教程
2015/04/17 Python
浅谈对yield的初步理解
2017/05/29 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
详解Python下ftp上传文件linux服务器
2018/06/21 Python
在Python dataframe中出生日期转化为年龄的实现方法
2018/10/20 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
值得收藏的10道python 面试题
2019/04/15 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
Redbubble法国:由独立艺术家设计的独特产品
2019/01/08 全球购物
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
职高毕业生自我鉴定
2013/10/21 职场文书
保密协议书范本
2014/04/22 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
教育见习报告范文
2014/11/03 职场文书
2014年优秀班主任工作总结
2014/12/16 职场文书
幼师辞职信范文
2015/02/27 职场文书
党支部考察意见范文
2015/06/02 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB