iview使用记录

1、使用弹出框modal点击确定之后就关闭的问题

如果使用 @on-ok="addOk"这种，就会在点击确定的时候关闭弹出框，解决这个问题可以使用插槽

<div slot="footer">
        <Button type="text" @click="addCancel">取消</Button>
        <Button type="primary" @click="addOk">确定</Button>
</div>

2、日期选择器

如果直接使用双向绑定的方式赋值，因为有时区的限制，导致拿到的值总是比选择的值小一天。要解决这个问题，要绑定事件，从事件中取值

 <DatePicker
                v-model="form.time"
                type="date"
                style="width: 100%"
                @on-change="dateChange"
              />

dateChange(res) {
      this.form.time = res;
    },

3、重置表单验证

this.$refs.FormValidate.resetFields()