当前位置: 移动技术网 > IT编程>脚本编程>vue.js > element ui里dialog关闭后清除验证条件方法

element ui里dialog关闭后清除验证条件方法

2018年04月20日  | 移动技术网IT编程  | 我要评论

在线18av,2008年12月六级听力,最初的圆

关闭dialog触发事件

//vue
 <!--添加用户dialog begin-->
   <el-dialog title="编辑用户" :visible.sync="dialogformvisible"
     custom-class="editdialog"
     :close-on-click-modal="false"
     :before-close = "cleancontent"
     :show-close = "false"
     size='tiny'>
<el-form :model="ruleform" :rules="rules" ref="ruleform">
 <el-form-item label="账户名" prop="account" label-width="100px" >
 <el-col :span="20">
 <el-input v-model="ruleform.account" ></el-input>
 </el-col>
 </el-form-item>
 </el-form>
 <div slot="footer" class="dialog-footer">
 <el-button @click="cancledialog('ruleform')">取 消</el-button>
 </div>
</el-dialog>

//js
cancledialog(formrule){
   this.$refs[formrule].resetfields();
 }

以上这篇element ui里dialog关闭后清除验证条件方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网