欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

如何解決iview中checkbox多選框全選時校驗問題-創(chuàng)新互聯(lián)

這篇文章主要介紹了如何解決iview中checkbox多選框全選時校驗問題,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

在玉山等地區(qū),都構建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務理念,為客戶提供成都網(wǎng)站建設、成都網(wǎng)站設計 網(wǎng)站設計制作按需策劃,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,成都品牌網(wǎng)站建設,全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設公司,玉山網(wǎng)站建設費用合理。

在用iview框架的 checkbox 多選框時 遇到了一個校驗問題

在iview給的例子中 代碼如下 https://www.iviewui.com/components/checkbox

<template>
  <div >
    <Checkbox
      :indeterminate="indeterminate"
      :value="checkAll"
      **@click.prevent.native="handleCheckAll"**>全選</Checkbox>
  </div>
  <CheckboxGroup v-model="checkAllGroup" @on-change="checkAllGroupChange">
    <Checkbox label="香蕉"></Checkbox>
    <Checkbox label="蘋果"></Checkbox>
    <Checkbox label="西瓜"></Checkbox>
  </CheckboxGroup>
</template>
<script>
  export default {
    data () {
      return {
        indeterminate: true,
        checkAll: false,
        checkAllGroup: ['香蕉', '西瓜']
      }
    },
    methods: {
      handleCheckAll () {
        if (this.indeterminate) {
          this.checkAll = false;
        } else {
          this.checkAll = !this.checkAll;
        }
        this.indeterminate = false;

        if (this.checkAll) {
          this.checkAllGroup = ['香蕉', '蘋果', '西瓜'];
        } else {
          this.checkAllGroup = [];
        }
      },
      checkAllGroupChange (data) {
        if (data.length === 3) {
          this.indeterminate = false;
          this.checkAll = true;
        } else if (data.length > 0) {
          this.indeterminate = true;
          this.checkAll = false;
        } else {
          this.indeterminate = false;
          this.checkAll = false;
        }
      }
    }
  }
</script>

上述代碼標粗部分所用到的是click方法

但是在做表單校驗的時候會出現(xiàn)一個問題,就是當你選擇香蕉,蘋果,西瓜時會觸發(fā)v-model = 'checkAllGroup' 綁定的校驗方法,但是全選/不全選的時候,這個校驗不會觸發(fā)。

解決方法 : 把全選的 @click.prevent.native="handleCheckAll" 方法 改成 @on-change="handleCheckAll"

這個問題就會得到解決。

感謝你能夠認真閱讀完這篇文章,希望小編分享的“如何解決iview中checkbox多選框全選時校驗問題”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設計公司,關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道,更多相關知識等著你來學習!

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、網(wǎng)站設計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。

標題名稱:如何解決iview中checkbox多選框全選時校驗問題-創(chuàng)新互聯(lián)
文章出自:http://aaarwkj.com/article8/jdsop.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、網(wǎng)站策劃、做網(wǎng)站、營銷型網(wǎng)站建設、移動網(wǎng)站建設服務器托管

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司
亚洲国产精品97视频| 日本一区二区三区免费看视频| 在线播放精品免费不卡| 国产亚洲高清一区二区| 91人妻这里只有精品| 高清不卡一区二区在线观看| 日本高清区一区二区三区四区五区| 2022国产精品一区| 麻豆国产av巨做国产剧情| 亚洲熟妇av乱码在线观看| 综合激情网激情五月天| 91国内偷拍富婆国内精品对白 | 午夜福利中文字幕在线亚洲| 亚洲一区日韩精品颜射| 日韩高清一级黄色大片网站| 97视频精品在线播放| 国产精品国产三级区| 蜜桃视频在线观看91| 欧美性生活在线视频观看| 97色伦综合在线欧美视频| 亚洲一区精品中文字幕| 99久热在线精品视频| 国产在线精彩视频自拍| 国产日韩欧美另类综合| 日韩亚洲精品99综合观看| 伊人久久综在合线亚洲| 天堂8在线最新版av| 高清中文字幕一区二区三区 | 中文字幕国产精品经典三级| 国产看片色网站亚洲av| 色橹橹欧美午夜精品福利| 搡老熟女老女人一区二区| 91美女黑丝免费国产视频| 中文字幕日韩欧美一区二区| 午夜激情毛片在线观看| 欧美国产精品久久综合| 日韩精品日本道欧美黄片| 在线观看国产激情免费视频| 欧美日韩国产这里只有精品| 大神厕所偷拍美女尿尿| 一区二区亚洲免费的视频|