Home Web Front-end JS Tutorial How to clear the verification after closing the dialog in element ui

How to clear the verification after closing the dialog in element ui

Jun 04, 2018 pm 03:01 PM
dialog element Clear

Now I will share with you a method to clear the verification conditions after closing the dialog in element ui. It has a good reference value and I hope it will be helpful to everyone.

Close dialog trigger event

//vue
 <!--添加用户dialog begin-->
   <el-dialog title="编辑用户" :visible.sync="dialogFormVisible"
     custom-class="editDialog"
     :close-on-click-modal="false"
     :before-close = "cleanContent"
     :show-close = "false"
     size=&#39;tiny&#39;>
<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>
 <p slot="footer" class="dialog-footer">
 <el-button @click="cancledialog(&#39;ruleForm&#39;)">取 消</el-button>
 </p>
</el-dialog>

//js
cancledialog(formRule){
   this.$refs[formRule].resetFields();
 }
Copy after login

The above is what I compiled for everyone, I hope It will be helpful to everyone in the future.

Related articles:

What are the methods by which Vue can use CSS to replace scoped with modules?

How to use Vuex to implement the counter function

In-depth explanation of the basic principles of the webpack module

The above is the detailed content of How to clear the verification after closing the dialog in element ui. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Have Crossplay?
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to clear desktop background recent image history in Windows 11 How to clear desktop background recent image history in Windows 11 Apr 14, 2023 pm 01:37 PM

&lt;p&gt;Windows 11 improves personalization in the system, allowing users to view a recent history of previously made desktop background changes. When you enter the personalization section in the Windows System Settings application, you can see various options, changing the background wallpaper is one of them. But now you can see the latest history of background wallpapers set on your system. If you don't like seeing this and want to clear or delete this recent history, continue reading this article, which will help you learn more about how to do it using Registry Editor. &lt;/p&gt;&lt;h2&gt;How to use registry editing

How to clear protection history in Windows 11: 2 methods How to clear protection history in Windows 11: 2 methods Apr 23, 2023 am 08:04 AM

When your PC is running out of storage space, you can instantly view many folders to free up space. One that consumes a lot is Windows Defender protection history, but can you clear it in Windows 11? Although not entirely necessary, deleting protection history can actually help clear some storage space on your system. For some users, these files take up 20-25GB of space, which can be daunting if your computer is low on storage space. So, let’s find out what protection history is, all the ways to clear it in Windows 11, and how to configure it to clear automatically after a set time. What is historical preservation? M

How to modify element.style How to modify element.style Nov 24, 2023 am 11:15 AM

Methods for element.style to modify elements: 1. Modify the background color of the element; 2. Modify the font size of the element; 3. Modify the border style of the element; 4. Modify the font style of the element; 5. Modify the horizontal alignment of the element. Detailed introduction: 1. Modify the background color of the element, the syntax is "document.getElementById("myElement").style.backgroundColor = "red";"; 2. Modify the font size of the element, etc.

How to completely remove viruses from mobile phones Recommended methods to deal with viruses in mobile phones How to completely remove viruses from mobile phones Recommended methods to deal with viruses in mobile phones Feb 29, 2024 am 10:52 AM

After a mobile phone is infected with a certain Trojan virus, it cannot be detected and killed by anti-virus software. This principle is just like a computer infected with a stubborn virus. The virus can only be completely removed by formatting the C drive and reinstalling the system. , then I will explain how to completely clean the virus after the mobile phone is infected with a stubborn virus. Method 1: Open the phone and click "Settings" - "Other Settings" - "Restore Phone" to restore the phone to factory settings. Note: Before restoring factory settings, you must back up important data in the phone. The factory settings are equivalent to those of the computer. "It's the same as formatting and reinstalling the system". After the recovery, the data in the phone will be cleared. Method 2 (1) First turn off the phone, then press and hold the "power button" + "volume + button or volume - button" on the phone at the same time.

How to use element-plus's dialog in vue3 How to use element-plus's dialog in vue3 May 11, 2023 pm 09:13 PM

Advantages: Get rid of cumbersome visible naming and repeated dom. The idea is to encapsulate the dialog into a component that can be evoked by a function. As follows: addDialog({title: "Test", // Pop-up window name component: TestVue, // Component width: "400px", // Pop-up window size props: { // Parameter id passed to the component: 0}, callBack :(data:any)=>{//When the pop-up task ends, call the callback function of the parent page. (For example, I need to refresh the list page after adding a new one) console.log("

How to free up WPS cloud document space How to free up WPS cloud document space Feb 24, 2024 pm 06:12 PM

How to clear WPS cloud document space when it is full. With the rapid development of cloud technology, more and more people are beginning to use cloud storage to store and manage their files. Among them, WPS Cloud Document, as an intelligent office software, is very popular among users. However, as the usage time increases and files accumulate, the storage space of WPS cloud documents may be filled up. So, when the WPS cloud document space is full, how should we clear it? Next, we will introduce some common cleaning methods to you. The first method is to completely delete unwanted files. W

Clear LRU cache in Python Clear LRU cache in Python Sep 10, 2023 pm 12:57 PM

In this article, we will learn how to clear an LRUcache implemented in Python. performance. LRUCache stores a limited number of items and

How to completely remove the word you want to search on Douyin? Can it be turned off? How to completely remove the word you want to search on Douyin? Can it be turned off? Mar 19, 2024 pm 12:40 PM

In today's information age, social media has been integrated into people's daily lives and has become an indispensable part. As one of the most popular short video applications, Douyin attracts hundreds of millions of users to watch and share a variety of interesting video content on its platform every day. However, Douyin’s “guess what you want to search” function has caused trouble for some users. This feature uses personal data analysis and algorithms to recommend content, sometimes showing videos that are relevant to users’ interests but not what they really want to see, causing users to feel uncomfortable or confused. Some users worry that such personalized recommendations may invade their privacy or mislead their viewing experience. Although the &quot;guess what you want to search&quot; function is designed to provide a more personalized one, how do you completely remove the words you want to search on Douyin? You can try clearing TikTok

See all articles