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"
default-time
posted @ 2023-02-23 09:12  小那  阅读(451)  评论(0编辑  收藏  举报