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>
Sakura0408
发布了4 篇原创文章 · 获赞 0 · 访问量 171
私信
关注