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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

驗(yàn)證對(duì)象中的文本字段

驗(yàn)證對(duì)象中的文本字段

烙印99 2021-12-02 15:58:06
我有一個(gè)對(duì)象數(shù)組，例如 who 顯示 2 個(gè)字段 time 和 record ：sprint:[{time: void 0, record: void 0}]<div v-for="(s, index) in sprint" :key="index">    <v-text-field        class="input"        v-model="sprint.time"    ></v-text-field>    <v-text-field        v-model="sprint.record"    ></v-text-field> </div>當(dāng)我點(diǎn)擊添加按鈕時(shí)，我有一個(gè)功能在之后添加這些字段：            addSprint() {                this.sprint.push({                  time: '',                  record: ''              });            },我想使用 Vuelidate 檢查其中的每一個(gè)是否存在。驗(yàn)證必須是必填字段，數(shù)字，時(shí)間：介于 0 和 1（浮點(diǎn)數(shù) 0.1，0.2，..）之間，記錄：介于 0 和 100 之間，
查看完整描述

2 回答

?
躍然一笑

TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個(gè)贊

這里添加了對(duì)兩個(gè)字段的驗(yàn)證：https : //codepen.io/chansv/pen/eYYWGLe?editors=1010


<div id="app">

  <v-app id="inspire">

    <v-form>

      <v-container>

        <div v-for="(s, index) in sprint" :key="index">

          Index: {{index}}

            <v-text-field

                class="input"

                label="time"

                :rules="[rules.required, rules.time]"

                v-model="s.time"

            ></v-text-field>

            <v-text-field

                label="record"

                :rules="[rules.required, rules.record]"

                v-model="s.record"

            ></v-text-field> 

        </div>

        <v-btn @click="addSprint">Add Sprint</v-btn>

      </v-container>

    </v-form>

  </v-app>

</div>


new Vue({

  el: '#app',

  vuetify: new Vuetify(),

  data: {

    sprint: [],

    rules: {

      required: v => !!v || 'this field is required',

      time: v => (v >= 0 && v <= parseFloat(1)) || "enter value less than 1 or greater than 0",

      record: v =>  (v >= 0 && v <= 100) || "enter value less than 100 or greater than 0",

    }

  },

  methods: {

    addSprint() {

                this.sprint.push({

                  time: '',

                  record: ''

              });

            },

  },

})


查看完整回答
反對(duì) 回復(fù) 2021-12-02
?
嚕嚕噠

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊

這里添加了對(duì)兩個(gè)字段的驗(yàn)證：https : //codepen.io/chansv/pen/eYYWGLe?editors=1010


<div id="app">

  <v-app id="inspire">

    <v-form>

      <v-container>

        <div v-for="(s, index) in sprint" :key="index">

          Index: {{index}}

            <v-text-field

                class="input"

                label="time"

                :rules="[rules.required, rules.time]"

                v-model="s.time"

            ></v-text-field>

            <v-text-field

                label="record"

                :rules="[rules.required, rules.record]"

                v-model="s.record"

            ></v-text-field> 

        </div>

        <v-btn @click="addSprint">Add Sprint</v-btn>

      </v-container>

    </v-form>

  </v-app>

</div>


new Vue({

  el: '#app',

  vuetify: new Vuetify(),

  data: {

    sprint: [],

    rules: {

      required: v => !!v || 'this field is required',

      time: v => (v >= 0 && v <= parseFloat(1)) || "enter value less than 1 or greater than 0",

      record: v =>  (v >= 0 && v <= 100) || "enter value less than 100 or greater than 0",

    }

  },

  methods: {

    addSprint() {

                this.sprint.push({

                  time: '',

                  record: ''

              });

            },

  },

})


查看完整回答
反對(duì) 回復(fù) 2021-12-02
  • 2 回答
  • 0 關(guān)注
  • 207 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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