ElementUi中el-cascader表单验证问题

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

傻的太坏

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

阅读量969

点赞数

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/weixin_38897313/article/details/132737480

版权

   <el-form-item
          label="地区"
          prop="region"
          :rules="{
            required: true,
            message: '请选择',
            trigger: 'change',
          }"
        >
          <el-cascader
            v-model="form.region"
            style="width: 100%"
            :options="selectedOptions"
            @change="handleChange"
            :props="{ checkStrictly: true }"
            clearable
            placeholder="请选择"
          ></el-cascader>
        </el-form-item>

   // 所在地区值
    handleChange(value) {
      console.log(value);
      if (value.length === 0) {
        return
      } else {
        this.form.region = value
      }
    },