這篇文章主要介紹如何解決vue子組件修改父組件傳來的props值報錯問題，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：主機域名、虛擬空間、營銷軟件、網站建設、靈璧網站維護、網站推廣。

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 )

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值報錯問題”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網站標題：如何解決vue子組件修改父組件傳來的props值報錯問題-創(chuàng)新互聯(lián)
新聞來源：http://weahome.cn/article/csisos.html