vue 子组件修改父组件传来的props值,报错

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)
        }
    },
}

猜你喜欢

转载自www.cnblogs.com/qq254980080/p/10331161.html