[vue.js]解决子组件无法获取父组件store中的值的问题
2017-04-06 16:51
686 查看
子组件:
父组件:
子组件的参数值不会随着父组件store中参数值的改变而改变
修改为
父组件:
调用reloadDetail方法,以及必须加上JSON.parse(JSON.stringify())方法,子组件的值才会随着父组件参数值的变化而变化
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中v-on:textInput无法执行事件问题的解决过程
- vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。
- 解决用JS修改服务器端控件值后在后台无法获取修改后值的问题
- 解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
- 使用dwr同步调用导致无法获取js方法的返回结果问题的解决办法
- 解决无法获取组件大小的问题
- 解决vue js IOS H5focus无法自动弹出键盘的问题
- 解决vue中无法动态修改jqgrid组件 url地址的问题
- vue组件中的样式属性:scoped,解决在父组件中无法修改子组件样式问题
- (转)用js无法获取style样式的问题解析与解决方法
- js无法获取style样式的问题解析与解决方法
- 解决微信小程序中在其他页面无法使用app.js中获取的userInfo或openid的问题
- 解决外部引用的js文件不能获取服务端组件的ClientID问题(c#)
- 通过JS向表单中增加元素后提交无法获取数据问题的解决。
- 解决用JS修改服务器端控件值后在后台无法获取修改后值的问题
- (小技巧)解决JS修改服务器控件值在后台无法获取修改后的值的问题
- 基于WEB服务器导致消息中心各组件之间无法正常工作的问题分析与解决
- 解决无法获取 GridView 中BoundField 隐藏列值问题
- IE6中运行EXTJS中某些组件无法解析DOMINO产生的JSON数据问题的解决办法
- 解决ewebeditor的上传组件与IIS大小限制导致无法上传大于200K文件的问题