【Vue】element的el-time-picker初始值问题

• Z时代
• 2024-01-10
• 分类：技术分享

使用插件是el-time-picker
<el-time-picker prop="startTime" v-model="dialogForm.startTime" placeholder="选择时间"></el-time-picker>
页面加载时给dialogForm.startTime赋值"hh:mm:ss"格式的字符串，时间选择插件可以正常显示，但是不能重新选择（用vue devtools发现绑定的值有改变，但界面上时间没变）
想问，怎么绑定初始值，并不影响后面重新选择？

回答

尝试了下，并没有出现你的情况，但是我这里出现了赋了默认值，刚进去未显示，点击下就显示了，奥，默认值要用这个属性default-value

是不是你把请求的对象引用赋值给了dialogForm，原对象修改不了啊，试试解构直接赋值呢

let { startTime, endTime, ... } = response.data
this.dialogForm = { startTime, endTime, ... }

或者试试在修改时间的回调方法里用this.$set(this.dialogForm, 'startTime', newVal)

以上是 【Vue】element的el-time-picker初始值问题 的全部内容， 来源链接： utcz.com/a/81956.html