解决vue 子组件修改父组件传来的props值报错问题
2020-03-11 17:50
1851 查看
vue不推荐直接在子组件中修改父组件传来的props的值,会报错
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "result" (found in component )
<input v-model="currentSearch" type="text" class="input-search" @keydown.enter="doSearch">
export default { name:"round-search-bar", props:['search'], //父组件传来的值 data(){ return { currentSearch: this.search //通过data, 定义新变量currentSearch, 这样currentSearch的值变更时,不会影响父组件传来的search的值 } }, methods: { doSearch(){ Util.searchAPI(this.$router,this.currentSearch) } }, }
以上这篇解决vue 子组件修改父组件传来的props值报错问题就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 解决vue中无法动态修改jqgrid组件 url地址的问题
- vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。
- vue组件中的样式属性:scoped,解决在父组件中无法修改子组件样式问题
- 解决vue组件中使用v-for出现告警问题及v for指令介绍
- 解决 vue component(组件)里面每个.vue文件的style互相影响的问题
- vue 添加axios组件,解决post传参数为null问题
- vue 解决循环引用组件报错的问题
- vue中父子组件传值,解决钩子函数mounted只运行一次的问题
- 解决vue更新路由router-view复用组件内容不刷新的问题
- 解决vue中无法动态修改jqgrid组件 url地址
- 解决vue 单文件组件中样式加载问题
- 解决vue 引入子组件报错的问题
- 解决vue修改数据页面不重新渲染问题
- 解决用vue框架开发移动端网站,使用vant,打包上线之后,vant样式错乱,修改不了vant样式的问题
- vue-cli解决跨域问题以及vue axios组件post传参
- Vue修改组件样式问题
- vue如何解决循环引用组件报错的问题
- vue 解决路由只变化参数页面组件不更新问题
- 解决vue同一slot在组件中渲染多次的问题
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法