传递数据给组件的方式

//父组件的代码
 <regist-form :email="email" ref="fo"></regist-form>   
  data(){
      return{
       email:'haha'
      }

组件的props设置

//子组件的代码
props:['email'],
     data () {
            return {
                    userEmail: this.email,
                },

想修改email的数据就需要添加ref,然后在改变时触发组件里的方法

//父组件的代码
this.$refs.fo.resetEmail();
//子组件的代码
            resetEmail(){
                this.formValidate.userEmail=''
            }
Logo

前往低代码交流专区

更多推荐