第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

按鈕在 Vuejs 表單中始終處于禁用狀態(tài)

按鈕在 Vuejs 表單中始終處于禁用狀態(tài)

元芳怎么了 2022-12-02 17:19:44
我嘗試制作簡單的登錄表單,并且必須禁用登錄按鈕,直到我開始在那里輸入:<template><div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">    <div class="modal-dialog " role="document" >        <div class="card card-shadowed p-50 w-400 mb-0 "  style="max-width: 100% ">            <h5 class="text-uppercase text-center">Login</h5>            <br><br>            <form>                <div class="form-group">                    <input type="text" class="form-control" placeholder="Email" v-model="email">                </div>                <div class="form-group">                    <input type="password" class="form-control" placeholder="Password" v-model="password">                </div>                <div class="form-group flexbox py-10">                    <label class="custom-control custom-checkbox">                        <input type="checkbox" class="custom-control-input" v-model="remember">                        <span class="custom-control-indicator"></span>                        <span class="custom-control-description">Remember me</span>                    </label>                    <a class="text-muted hover-primary fs-13" href="#">Forgot password?</a>                </div>                <div class="form-group">                    <button :disabled="!isValidLoginForm" class="btn btn-bold btn-block btn-primary" type="submit">Login</button>                </div>            </form>                   </div>    </div></div></template>我這樣使用它:<script>export default {    data() {        return {            email: '',            password: '',            remember: True        }    },    computed: {        isValidLoginForm() {            return this.email && this.password        }    }}</script>如果我理解正確,當我在表單中鍵入任何內(nèi)容時,!isValidLoginForm應(yīng)該變?yōu)?true 并且應(yīng)該啟用按鈕。但是始終處于禁用狀態(tài)。一定很傻,但我不知道是什么。
查看完整描述

1 回答

?
陪伴而非守候

TA貢獻1757條經(jīng)驗 獲得超8個贊

你的應(yīng)用程序引發(fā)了一些錯誤,導(dǎo)致它以錯誤的方式工作,錯誤來自于remember:True它應(yīng)該是remember:true:


let app = new Vue({

  el: '#app',

  data() {


    return {

      email: '',

      password: '',

      remember: True

    }

  },


  computed: {

    isValidLoginForm() {

      return this.email && this.password

    }

  }

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>



<div id="app">

  <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

    <div class="modal-dialog " role="document">

      <div class="card card-shadowed p-50 w-400 mb-0 " style="max-width: 100% ">

        <h5 class="text-uppercase text-center">Login</h5>

        <br><br>


        <form>

          <div class="form-group">

            <input type="text" class="form-control" placeholder="Email" v-model="email">

          </div>


          <div class="form-group">

            <input type="password" class="form-control" placeholder="Password" v-model="password">

          </div>


          <div class="form-group flexbox py-10">

            <label class="custom-control custom-checkbox">

                        <input type="checkbox" class="custom-control-input" v-model="remember">

                        <span class="custom-control-indicator"></span>

                        <span class="custom-control-description">Remember me</span>

                    </label>


            <a class="text-muted hover-primary fs-13" href="#">Forgot password?</a>

          </div>


          <div class="form-group">

            <button :disabled="!isValidLoginForm" class="btn btn-bold btn-block btn-primary" type="submit">Login</button>

          </div>

        </form>


查看完整回答
反對 回復(fù) 2022-12-02
  • 1 回答
  • 0 關(guān)注
  • 221 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號