vue iview里Rate评分组件 表单验证

1.表单

<!-- 满意度 -->
<FormItem label="满意度" prop="valueHalf">
     <Rate allow-half v-model="caseEditForm.valueHalf"/>
</FormItem>

2.初始化 这里初始化写 0 代表一颗星都不选

 caseEditForm: {
 	valueHalf:0 
 }

3.表单验证
这里的重点是 min:0.5 自行体会里面的妙处

 ruleValidate: {
    valueHalf: [
         { required: true, message: '请选择满意度', trigger: 'change',type:'number' ,min:0.5 }
     ]
 }

tip:说句题外话 (render里的rate组件写法

{
      title: '满意度',
      key: 'satisfaction',
      width:178,
      render: (h, params) => {
          let value;
          return h("Rate", {
              props: {
                  disabled:true,  //只读
                  count: 5,
                  'allow-half':true,    //允许半星
                  value:params.row.satisfaction
              }
          });
      }
  }