vue+ivew model框 select校验遇到的问题

iview +model 点击关闭，校验没有通过也会关闭

解决办法：

第一步：自定义页脚内容

<div slot="footer">
    <Button type="primary" @click="confirmCarryOver()">确认</Button>
    <Button @click="showAccounts = false" style="margin-left: 8px">关闭</Button>
</div>

第二步：删除：@on-ok="confirmCarryOver" @on-cancel="cancel" cancelText="关闭" okText="确认"类似的定义

第三步：添加校验：

rules: {
    lv_id: [
             {
                required: true,
                message: "请选择转出卡",
                trigger: "change",
                type: 'number'
              }
            ]
          },

1.注意select的校验， iview 默认校验数据类型为 String，有时候select 用的 value 是 number 类型的，所以校验添加 type 类型：type:number

2.如果select选择后，校验不消失添加：trigger: "change"

3.关闭model，校验不消失: 添加：that.$refs.formAccountsRef.resetFields();

注意：formAccountsRef是form的，不是model。

4.注意： <Form ref="formAccountsRef" :model="formAccounts" :rules="rules">

form 的ref 和 model 名字不要一样，要不然清除校验等等对form的操作会不好用。

5.注意：ivew

单个时:trigger:'change'

多个时:trigger:'blur,change'

element-ui：

单个： trigger: 'change'

多个：trigger: ['blur', 'change']