ElementUI的el-datepicker组件的default-value属性不起作用

default-value属性不起作用的原因在于v-model绑定的值的原因。
因为v-model绑定的值设置了默认的时间,所以当选择框打开时会优先以v-model绑定的值为准。

要如何做到既绑定v-model又使用default-value呢?

答案就是把v-model绑定的值设置为null或者undefined或者是空字符串,这样选择框打开时就无法解析v-model绑定的值,会退而其次采用default-value属性的值。

就像我下面的代码这样

<template>
	<el-date-picker size="small"
				type="date"
				placeholder="选择日期"
				:picker-options="pickerOptions"
				format="yyyy - MM - dd"
				value-format="timestamp"
				v-model="birth"
				:default-value="new Date()"
				:editable="false">
	</el-date-picker>
</template>

<script>
	export default {
		name: 'Profile',
		data() {
			return {
				//也可以为birth赋值为null或undefined
				birth: ''
			}
		}
	}
</script>
ElementUI的el-datepicker组件的default-value属性不起作用ElementUI的el-datepicker组件的default-value属性不起作用 Sakura0408 发布了4 篇原创文章 · 获赞 0 · 访问量 171 私信 关注
上一篇:antd 中DatePicker关于中文的设置


下一篇:vue——按需引入elementUI(以时间选择器为例)