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

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

Vue/Bootstrap 復(fù)選框，一次只能選中一個(gè)

Vue/Bootstrap 復(fù)選框，一次只能選中一個(gè)

慕的地6264312 2021-09-04 17:23:52
我的 Vue 模板中有兩個(gè)復(fù)選框：<div class="form-check form-group">        <input v-model="isRecurringTask" class="form-check-input" type="checkbox" value="" id="defaultCheck1">        <label class="form-check-label" for="defaultCheck1">Make this a recurring task</label>    </div>    <div class="form-check form-group">        <input v-model="isScheduledTask" class="form-check-input" type="checkbox" value="" id="scheduleCheck">        <label class="form-check-label" for="scheduleCheck">Schedule a task</label>    </div>它們都可以正常工作并正確調(diào)用它們的功能，但是我應(yīng)該如何正確制作它以便一次只能檢查一個(gè)？我想用 Vue 以最合適的方式做到這一點(diǎn)
查看完整描述

2 回答

?
慕少森

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

您必須對(duì)v-model屬于同一組的所有單選按鈕使用相同的按鈕 - 并為它們提供不同的值：


<template>

<div class="form-check form-group">

  <input v-model.number="typeOfTask" class="form-check-input" type="radio" :value="1" id="defaultCheck1">

  <label class="form-check-label" for="defaultCheck1">

    Make this a recurring task

  </label>

</div>


<div class="form-check form-group">

  <input v-model.number="typeOfTask" class="form-check-input" type="radio" :value="2" id="scheduleCheck">

    <label class="form-check-label" for="scheduleCheck">

      Schedule a task

    </label>

</div>

</template>


<script>

  export default

  {

    data()

    {

      return {

        typeOfTask: null, // 1 = recurring, 2 = scheduled

      }

    }

  }

</script>


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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