vue elementUI 重置表单

vue elementUI 重置表单,第1张

重置快速清空的方法

 在每个el-form-item  标签上加上prop="xxx"  这个xxx对应的el-input 标签上的  比如prop="notesMail"  

接着点击重置按钮重置执行这个重置的方法 ruleForm对应上你表单的 

  //重置

————————————————

原文链接:https://blog.csdn.net/qq_39313596/article/details/82014735

```

<div v-for="(item, index) intemp.templateValue" :key="index">

  <el-form-item v-if="0===index" :label="$t('模板内容值')" :prop="item" :rules="{required: true,message: `${item}不能为空`,trigger: 'blur'}" required>

    <el-input v-model="temp[item]" :placeholder = "`请输入${item}内容`" type="text" style="width: 300pxdisplay: block"/>

  <el-form-item v-else :prop="item" :rules="{required: true,message: `${item}内容不能为空`,trigger: 'blur'}" required>

    <el-input v-model="temp[item]" :placeholder = "`请输入${item}内容`" :rules="{required: true,message: `${item}不能为空`,trigger: 'blur'}" type="text" style="width: 300pxdisplay: block"/>

</div>

```


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11913787.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存