vue非空校驗
阿新 • • 發佈:2018-04-28
clas image sse false span upload bubuko search als
效果圖
實現代碼
//頁面html <div> <ul class="listinfo"> <li> <span class="info">1.身份證正面照片</span> <van-uploader :after-read="onRead" accept="image/gif, image/jpeg" multiple> <div class="uploadimg"> <img class="card" src="../../assets/images/idcard1.png" /> </div> </van-uploader> </li> <li> <span class="info">2.身份證反面照片</span> <van-uploader :after-read="onRead1" accept="image/gif, image/jpeg" multiple> <div class="uploadimg"> <img class="cardback" src="../../assets/images/idcard1.png" /> </div> </van-uploader> </li> </ul> <div class="btn"> <van-button size="large" :disabled="disabled" @click="goSearch()">提交圖片進行查詢</van-button> //給這個button綁定disabled屬性 </div> </div> //js disabled: function() { let val; if(this.zheng == "" || this.fan == ""){ val = true }else{ val = false } return val }
vue非空校驗