账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于vue父子组件的一个问题
    63
    0

    现有一个表单,表单的提交按钮写在父组件里,表单的其他input单独写在子组件里,求教下怎么在父组件里提交的时候判断表单的子组件(即所有的input)验证通过了,想用emit,但是子组件里貌似没有按钮可以出发事件

     <q-page class="flex">
        <div style="width:100%;height:60px;border-bottom:1px solid #DDE2EE;margin:0px 2px 0 22px;line-height:60px;">
           <div class="pagetitle" style="float:left;font-size:14px;color:#2A396D">个人资料</div>
           <div class="close-tip" style="float:right;cursor:pointer;margin-right:22px;">
              <span class="icon iconfont iconguanbi1" style="font-size:15px;color:#A3AAC3;"></span>
           </div>
        </div>
      
        <div class="editbtngroup">
          <div class="sign_form_outline">
             <q-btn outline dense  class="getCodeBtn outline-button-light disable-light-btn mg10" @click="edit=!edit">
               <template v-slot:default>
                   <span class="icon iconfont iconbaocun btndefault"></span>
                   <span class="btn-text">保存</span>
                </template>
               </q-btn>
              <q-btn outline dense class="getCodeBtn outline-button-light disable-light-btn" @click="edit=!edit">
                 <template v-slot:default>
                   <span class="icon iconfont iconguanbi btndefault"></span>
                   <span class="btn-text">取消</span>
                </template>
              </q-btn>
          </div>
        </div>
        
        <!--编辑个人资料 存放表单的子组件-->
        <edit-person-info v-else></edit-person-info>
      </q-page>
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 孤单心事 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部