zoukankan      html  css  js  c++  java
  • vue非空校验

    效果图

    实现代码

    //页面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
    		  	}
    
  • 相关阅读:
    13-17读后感
    读10 11 12章
    读书作业
    5.2.3
    测试与封装
    作业四
    作业三
    实验四 主存空间的分配和回收模拟
    评论
    实验三 进程调度模拟程序
  • 原文地址:https://www.cnblogs.com/lml-lml/p/8969233.html
Copyright © 2011-2022 走看看