關於vue的子組件修改父組件傳過來的值


關於vue的子組件修改父組件傳過來的值

1. 假設父組件向子組件傳過來的方式是這樣的:

 <child :name="myName"></child>
  • 在子組件中像這樣接收和更改:
  接收:
      prop:{
        name:{
          type:string,
          default:''
        }  
      }
  更改:
      this.$emit('name','imChild')

2. 假設父組件向子組件傳過來的方式是這樣的:

 <child :disabled.sync="isDisabled"></child>
  • 在子組件中像這樣更改:
  接收:
      prop:{
        disabled:{
          type:boolean,
          default:false
        }  
      }
  更改:
      this.$emit('update:disabled',true)

3. 假設父組件向子組件傳過來的方式是這樣的:

 <child v-model="myName"></child>
  • 則在子組件中這樣接收:
接收:
    prop:{
      value:{
        type:string,
        default:''
      }  
    }
更改:
    this.$emit('value','imChild')


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM