问答

element ui el-select 如果没选提示请选择问题

作者:admin 2021-07-01 我要评论

el-form ref="form" :model="form" :inline="true" :rules="rules" el-form-item label="供应商:" :required="true" prop="value" el-select v-model="form.val...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
<el-form ref="form" :model="form" :inline="true" :rules="rules">
            <el-form-item label="供应商:" :required="true" prop="value">
                <el-select v-model="form.value" placeholder="请选择" size="small" style="width:340px">
                    <el-option v-for="item in form.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                </el-select>
            </el-form-item>
        </el-form>
form:{
            options: [
                {
                    value: '1',
                    label: 'meat'
                }, 
                {
                    value: '2',
                    label: 'drink'
                }, 
            ],
        },
        rules:{
            value:[
                { required: true, message: '请选择', trigger: ['blur','change'] },
            ]
        }

请选择 红字提示没出来 prop rules v-model 都对应这呢 求助。。

###

之前碰到过这个问题,后来解决办法是自己添加事件

    <el-form ref="form" :model="form" :inline="true" :rules="rules">
      <el-form-item label="供应商:" :required="true" prop="value">
        <el-select v-model="form.value" placeholder="请选择" size="small" style="width:340px" @blur="validate">
          <el-option v-for="item in form.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    methods: {
      validate(){
        this.$refs.form.validateField("value",(err)=>{
          console.log(err)
        })
      }
    },

看了源码似乎校验规则时只有el-input会触发blur,不知道是否有遗漏,欢迎大佬指正

###
form.value  //看看这个值是否为空   
###

form中都没有value这个属性

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • element ui  el-select  如果没选提示

    element ui el-select 如果没选提示

  • laravel的依赖注入问题

    laravel的依赖注入问题

  • element table表格show-summary不生效

    element table表格show-summary不生效

  • springcloud gateway 路由配置问题

    springcloud gateway 路由配置问题

腾讯云代理商
海外云服务器