1.在项目中我们经常会遇到el-form重置表单失效,那么我们可以采取另外一种方法
例如:
<el-form :model="formLine" ref="formLine">
<el-row v-for="(item,index) in formLine.searchVOList" :key="index">
<el-col :span="18">
<el-form-item :label="item.keyName" label-width="110px">
<el-input placeholder="请输入内容" v-model="item.keyVal" style="width:400px;">
<el-select slot="append" placeholder="请选择" v-model="item.ifLike" style="width:130px;">
<el-option label="精确" value="1"></el-option>
<el-option label="模糊" value="2"></el-option>
</el-select>
</el-input>
</el-form-item>
</el-col>
<el-form-item label="时间范围:" label-width="110px">
<el-col :span="8">
<el-date-picker type="date" placeholder="选择日期" v-model="formLine.stertTime" style="width: 100%;"></el-date-picker>
</el-col>
<el-col class="line" :span="1" style="text-align:center;">-</el-col>
<el-col :span="8">
<el-date-picker type="date" placeholder="选择日期" v-model="formLine.endTime" style="width: 100%;"></el-date-picker>
</el-col>
</el-form-item>
</el-form>
`
以下是绑定的form对象
formLine:{
searchVOList: [
{
index: 1,
keyVal: "",
ifLike:"1",
beforeRelation:"and",
isSlectShow:true,
keyName: "数据资源名称:"
},
{
index: 2,
keyVal: "",
ifLike:"1",
beforeRelation:"and",
isSlectShow:true,
keyName: "数据摘要:"
},
{
index: 3,
keyVal: "",
ifLike:"1",
beforeRelation:"and",
isSlectShow:true,
keyName: "数据关键字:"
},
{
index: 4,
keyVal: "",
ifLike:"1",
beforeRelation:"and",
isSlectShow:false,
keyName: "数据来源:"
}
],
stertTime:'',
endTime:'',
ifTimeObj: true,
}
以下是重置方法
resetFrom(){
this.formLine = this.$options.data().formLine
},
有什么问题大家可以留言,我看见后会回复或修改