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
私信
关注原文地址:https://blog.csdn.net/qq_40378165/article/details/104417642
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。