• Ajax
  • Ant design
  • Axios-Fetch
  • Avue
  • Browser
  • Canvas
  • CSS
  • Dos-bat
  • Dva
  • Dedecms
  • Echart
  • ElementUI
  • Editors
  • Git
  • GeoServer
  • GIS
  • H5
  • Jquery
  • Java安卓
  • Json
  • Javascript
  • Leaflet
  • Linux
  • Life-Info
  • Mock
  • MongoDB
  • Network
  • NodeJS
  • NPM
  • React
  • 设计运营
  • SEO
  • SVG
  • TypeScript
  • Tools
  • umi
  • uni-APP
  • Vant
  • Vue
  • Windows
  • webpack
  • 位置:OC中文网 > 其他 > ElementUI >

    el-dialog初始化的校验问题,二次打开后防止立刻校验

    来源:openlayers-cesium.com 时间:07-14

    不刷新页面重新打开el-dialog时,如果我们绑定了rules或者某个值需要required,它总会自动校验。

    一个非常好用的方法:

    1. <el-dialog @open="openDialog()"></el-dialog> 
    2.  
    3. 调用dialog打开的回调 
    4.  
    5. 复制代码 
    6. methods: 
    7.   
    8. openDialog(){ 
    9.   this.$nextTick(() => { 
    10.     this.$refs.dataForm.clearValidate(); 
    11.   }) 

    ----------------补充-------------

    对字段进行单独校验

    1. this.$refs.addForm.validateField('protocolId', (valid) => { 
    2.     //valid返回的是规则集中写的错误提示信息,如果满足条件,返回的就是空 
    3.      if(!valid){ 
    4.          return  
    5.      } 
    6.  }) 

    直接清除表单域下该字段的提示信息

    1. this.$refs.addForm.clearValidate();