vue 根据表单某一选项选中值，动态的改变表单验证内容（添加或去掉验证）

最新推荐文章于 2024-04-15 13:10:17 发布

Aku_2020

最新推荐文章于 2024-04-15 13:10:17 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Aku_2020/article/details/125296126

版权

<el-form ref="form" :model="form" :rules="rules" :inline="true" label-width="80px">
  <el-form-item label="活动名称"  prop="name">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
  <el-form-item label="活动区域"  prop="region">
    <el-select v-model="form.region" placeholder="请选择活动区域"  @change="regionChange">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即创建</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
<script>
  exp