From表单
- 设置form表单的样式,确定使用哪些标签
<form>
</form>
- 设置输入框的规则验证
<el-form>
<el-form-item
:rules={
required:true,message:,trigger:
}>
</el-form-item>
</el-form>
<script>
subForm(FormName){
this.$refs[FormName].vaildate((vaild)=>{
if(vaild){
}else{
this.$message.error('错误提示')
return false
}
})
}
</script>
- 重置表单内容
```java
<el-form>
<el-form-item v-model="data" prop="test"></el-form-item>
</el-form>
<el-button @click="resetForm('data')>重置</el-button>
resetForm(formName){
this.$refs[forName].resetFields()
}
- 动态增减表单项
<div v-for="(item,index) in data" :key=""></div>
<el-button @click="addDomain">增加</el-button>
<el-button @click="removeDomain(item)">减少</el-button>
addDomain(){
this.data.push({
key:Date.now()
});
},
removeDomain(item){
var index =this.data.indexOf(item)
if(index !==-1){
this.data.splice(index,1)
}
}