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_03(ExtJs Grid的简单使用)
Oct 02 Javascript
用JQuery调用Session的实现代码
Oct 29 Javascript
IE6/7/8/9不支持exec的简写方式
May 25 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
Aug 20 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
JavaScript实现跟随滚动缓冲运动广告框
Jul 15 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
js禁止表单重复提交
Aug 29 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数据库万能引擎类adodb配置使用以及实例集锦
2014/06/12 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
PHP排序算法之希尔排序(Shell Sort)实例分析
2018/04/20 PHP
jQuery中的常用事件总结
2009/12/27 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
JavaScript学习笔记--常用的互动方法
2016/12/07 Javascript
详解jQuery的表单验证插件--Validation
2016/12/21 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
2019/09/05 Javascript
一个简单的python程序实例(通讯录)
2013/11/29 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
浅析python的Lambda表达式
2019/02/27 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
python 字符串常用函数详解
2019/09/11 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
医院总经理职责
2013/12/26 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
2014年关工委工作总结
2014/11/17 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书