<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                >本節講解的內容對前面的章節具有依賴性,如果看起來有困難,請先看本系列前面的章節 ## 一、本節說明 在絕大多數的表單操作中,我們不只要收集文本輸入的數據,我們還可能用到單選和多選。通常,實現單選和多選有以下的方式: * 第一種:input標簽type=radio實現單選和type=checkbox實現的多選 * 第二種:select標簽-option標簽實現的單選與多選 這一節我們來講解第一種方式實現的多選,及使用v-model指令數據綁定方法。 ## 二、 怎么做 ![](https://img.kancloud.cn/77/a1/77a18cb6c915ac8025abd763b59de63a_876x749.png) * 使用radio實現單選,v-model綁定的數據應該是同一個,這樣實現單選選項之間的互斥 * 使用checkbox實現多選,v-model綁定的數據應該是同一個,這樣多選的數據才屬于同一個數組 ## 三、 效果(動態圖片) ![](https://img.kancloud.cn/46/12/4612a09a607dbd6aec370966b127126a_492x268.gif) ## 四、 深入 怎樣在單選或者多選選項顯示,默認勾選一個或多個選項?只需要給定默認初始化數據即可 ![](https://img.kancloud.cn/40/62/406221f014662e436dd9b6d8c16192d6_412x89.png) 瀏覽器效果: ![](https://img.kancloud.cn/a7/85/a785de9a7a6bbce63f503852b62f3af5_451x255.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看