el-select下拉框rules验证问题
在这⾥需要有⼏个注意的问题，举例如下
<el-form-item label="新闻类别"prop="typevalue">
<el-select v-model="pevalue"placeholder="请选择新闻类别">
<el-option v-for="item pelist.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'}]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。