您现在的位置:首页 >> 前端 >> 内容

elementui框架弹出框内容重置功能

时间:2017/8/5 14:51:28 点击:

  核心提示:elementui框架弹出框内容重置功能,element ui框架。搭配VUE使用的框架在写Dialog 对话框的时候,想要做到对弹出框输入内容的重置,(示例),或者提升一层功能需求是,用户点击提交之...

elementui框架弹出框内容重置功能,element ui框架。

搭配VUE使用的框架

在写Dialog 对话框的时候,想要做到对弹出框输入内容的重置,(示例),或者提升一层功能需求是,用户点击‘提交’之后,再打开该弹出框,以前输入的内容自动应该清空,那么这部分清空功能是在提交按钮上加的,并且注意是在提交成功后得到服务器返回的errno为0时,再弹出提示说成功提交(示例),否则errno为1时提交失败,但不管errno为0还是1,该重置功能都可加。

重置时则需要注意的点有:

(1)el-form中加入ref=”。。。”,
(2)在每个要想被清除内容的小组件上注意写prop=”…”(昨晚博主便为了这个属性踩了坑)
(3)写this.$refs[formName].resetFields();

Tags:EL LE EM ME 
作者:网络 来源:若星璨,恨逐波