element单独检验form表单中的一项

最新推荐文章于 2023-10-09 15:57:10 发布

曲小强

最新推荐文章于 2023-10-09 15:57:10 发布

阅读量404

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/quhongqiang/article/details/132344981

版权

<el-form-item prop="limitDays" style="margin-left: 5px;">
  <el-input v-model="ruleForm.limitDays" placeholder="天数" style="width: 100px;" />
</el-form-item>
<el-form-item prop="limitCount">
  <el-input v-model="ruleForm.limitCount" placeholder="个数" style="width: 100px;" />
</el-form-item>

<el-button type="primary" link @click="clickBtn(ruleFormRef)">生成图文详情</el-button>

const clickBtn = async (formEl: FormInstance | undefined ) => {
  if (!formEl) return
  await formEl.validateField(['limitDays', 'limitCount'], (flag) => {
      if (flag) {
		console.log('验证')
      }
  })
}