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"