其他分享
首页 > 其他分享> > vue动态修改组件里的props的数据

vue动态修改组件里的props的数据

作者:互联网

传递数据给组件的方式

//父组件的代码
 <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=''
            }

标签:userEmail,vue,return,代码,props,组件,email
来源: https://blog.csdn.net/chaogaoxiaojifantong/article/details/96713959