el-select下拉框rules验证问题
本文最后更新于579 天前,其中的信息可能已经过时,如有错误请发送邮件到17671220626@139.com

在这里需要有几个注意的问题,举例如下

<el-form-item label="新闻类别" prop="typevalue">
  <el-select v-model="form.typevalue" placeholder="请选择新闻类别">
    <el-option v-for="item in this.typelist.options" :key="item.id" :label="item.title" :value="item.id" />
  </el-select>
</el-form-item>

常规的方式,注意第一点:

v-model 绑定的数据要和上面的prop的名称一致

第二点(浪费了4个小时):

由于 Form 的校验内置了 async-validator,而它会给每个字段加一个默认的值为 string 的 type 规则,即默认情况下字段必须是字符串型。

但是一般类似于新闻类别选择的这种,其实选择的是类别的id,所以类别就需要你自己设置成number才可以, trigger要为change

如下:

typevalue: [{ required: true, message: '不能为空', trigger:'change' ,type:'number' }]
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇