<template>
<!--model绑定整个form对象的的数据-->
<!--通过ref属性获得表单对象,调用resetFieleds方法重置表单的字段-->
<el-card>
<el-form :model="form" ref="formRef" label-width="80px">
<el-form-item label="活动名称" prop="name">
<!--通过form对象访问key-->
<el-input v-model="form.name"></el-input>
</el-form-item>
<p>{
{form.name}}</p>
</el-form>
<el-button type="primary" @click="reset">重置</el-button>
</el-card>
</template>
<script>
export default {
data () {
return {
form: {
name: ''
},
}
},
methods: {
reset () {
this.$refs.formRef.resetFields()
}
}
}
</script>
vue element form ref 重置表单
猜你喜欢
转载自blog.csdn.net/claroja/article/details/113824918
今日推荐
周排行