vue中子組件修改父組件傳過來的值報錯

問題:在子組件中直接修改父組件傳過來的值會報錯。

解決方案:將修改後的值傳給父組件然後在父組件中做修改,修改之後子組件就會跟着改變。

父組件:

<configure v-else-if="configureBtn==2" v-bind:configure_edgeName="configure_edgeName" v-on:send='newClick' v-bind:configure_edgeNumber="configure_edgeNumber" v-bind:configure_edgeId="configure_edgeId" v-bind:number="number"></configure>

在父組件中設置v-on:send,

父組件中:

newClick(num,data){
        this.configure_edgeId = "";
        this.configure_edgeNumber = "";
        this.configure_edgeName = "";
      
    },

子組件:

newClick(num){
      this.$emit("send",1);
},

子組件中使用this.$emit去傳值,後面可以傳多個值過去。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章