解决vue 子组件修改父组件传来的props值报错问题
时间:2021-01-15 11:13:58|栏目:vue|点击: 次
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) } }, }
上一篇:vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
栏 目:vue
下一篇:Vue路由守卫之路由独享守卫
本文标题:解决vue 子组件修改父组件传来的props值报错问题
本文地址:http://www.codeinn.net/misctech/45584.html