本篇內(nèi)容介紹了“vue子組件修改父組件傳來的props值報(bào)錯(cuò)怎么解決”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

10年積累的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有復(fù)興免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

vue不推薦直接在子組件中修改父組件傳來的props的值，會(huì)報(bào)錯(cuò)

[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的值變更時(shí)，不會(huì)影響父組件傳來的search的值
    }
  },
  methods: {
    doSearch(){
      Util.searchAPI(this.$router,this.currentSearch)
    }
  },
}

“vue子組件修改父組件傳來的props值報(bào)錯(cuò)怎么解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！