- 日期选择组件,设置为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")}
}
}
]
- 在使用tabs组件时,如果每个tab的高度随着内容变化,则可以把切换的动画关闭,就可以实现了 地址:tabs