ivew组件问题总结

142 阅读1分钟
  1. 日期选择组件,设置为daterange时,在校验是否选择时,需要特殊处理 如下:
<DatePicker
  :value="uploadDetail.valid_period"
  type="daterange"
  split-panels
  format="yyyy-MM-dd"
  style="width: 300px"
  @on-change="selectDate"
></DatePicker>

说明:使用了format格式化选择结果,此时的结果是字符串数组,所以检验的格式应为数组,且每一项都是字符串类型

date_value: [
    {
    required: true,
     type: 'array',
     message: this.$t("page.shiseido.select_date"),
     trigger: 'blur',
     fields: {
       0: {type: "string", required: true, message: this.$t("page.shiseido.select_date")},
       1: {type: "string", required: true, message: this.$t("page.shiseido.select_date")}
     }
  }
]
  1. 在使用tabs组件时,如果每个tab的高度随着内容变化,则可以把切换的动画关闭,就可以实现了 地址:tabs