在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vee-validate,如何動態(tài)取消校驗規(guī)則?

vee-validate,如何動態(tài)取消校驗規(guī)則?

在vue項目中,有以下場景一個頁面中有上傳圖片按鈕,

clipboard.png

 <label class="btn btn-success btn-xs upload" for="logoName">{{brandBaseItem ?
    'Change' : 'Upload'}}</label>
<input type="file"
       ref="logoName"
       id="logoName"
       class="hidden"
       @change="getLogoName"
       v-validate="'required|image|size:300|ext:[gif,jpeg,jpg,bmp,png]'"/>
<span class="text-primary title">{{ fileName ?  fileName : (brandBaseItem ? brandBaseItem.logoName : '')}}</span>
<p class="text-danger" v-show="!errors.has('logoName')">(only
    gif,jpeg,jpg,bmp,png,and file size no more than 300k)</p>

第一次打開頁面的時候,保存的時候時必須輸入的,保存后,再次打開編輯頁面,這個時候再次保存,不是必填的,請問怎么修改校驗規(guī)則?

回答
編輯回答
尛憇藌

vee-validate支持對象表示方法,修改為下面的方式就可以:

v-validate="{
   required: !(brandBaseItem && brandBaseItem.logoName),
   image: true,
   size: 300,
   ext: ['png', 'jpeg', 'jpg', 'bmp']}"
2017年10月28日 09:04
編輯回答
執(zhí)念

可以的,原來是我自己寫了校驗規(guī)則,沒有加上,所有 v-validate="{required: workShow==true,unitName:workShow==true}" unitName這個是自定義規(guī)則,加上就可以了

2017年9月11日 03:26