element日期时间选择器双向数据绑定问题

<el-form-item
label="生效时间 :"
prop="startTime"
>
<el-date-picker
v-model="ruleForm.startTime"
type="datetime"
placeholder="请选择生效时间"
size="mini"
prefix-icon="el-icon-time"
clearable
:editable="false"
value-format="yyyy-MM-dd HH:mm:ss"
:disabled="disabled || editDisable"
:default-time="defaultnowTime"
@focus='changetime'
:key="defaultnowTime"
>
</el-date-picker>
</el-form-item>
changetime () {
let time = new Date()
let hh = time.getHours()
let mm = time.getMinutes()
let ss = time.getSeconds()
this.defaultnowTime = hh + ':' + mm + ':' + ss
},
功能:点击时间日期选择器的文本框,调用changetime方法,获取实时时间并给defaultnowTime 赋值
问题:单纯打印文本defaultnowTime是实现了双向数据绑定的,但是日期时间选择器的default-time的默认显示时间没有实现响应式双向数据绑定
解决办法:给日期时间选择器组件加:key="defaultnowTime"
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗