【debug】element-ui时间控件回显后不可编辑且显示为空

问题:使用element-ui的时间控件回显数据,编辑数据没有反应:点时间和“确认”按钮都没反应。

在这里插入图片描述
输入框中会显示数据,但提交时的校验显示为空。

<el-form-item label="开始时间" prop="limitStartTime">
   <el-date-picker type="datetime" placeholder="选择日期" v-model="form.limitStartTime"
     format="yyyy-MM-dd hh:mm:ss" value-format="yyyy-MM-dd hh:mm:ss"
     style="width: 100%;"></el-date-picker>
 </el-form-item>

查了很多资料,基本上都说要手动赋值,如$set。我认为不是这个原因,因为其他的控件都回显成功且可以编辑。

原因与解决:

没有在data()中显式地声明值,这里是form.limitStartTime。所以导致form.limitStartTime不是响应式的。

解决方法:在data()中显示的声明这个值。

最近更新

  1. TCP协议是安全的吗?

    2024-03-11 03:02:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-11 03:02:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-11 03:02:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-11 03:02:01       18 阅读

热门阅读

  1. 基于单片机的四路抢答器的设计

    2024-03-11 03:02:01       24 阅读
  2. (自用笔记)每天一点vue3——第一天setup/defineProps

    2024-03-11 03:02:01       25 阅读
  3. RestTemplate的应用

    2024-03-11 03:02:01       21 阅读
  4. 基于c语言的大宗商品撮合交易平台的市场价值

    2024-03-11 03:02:01       21 阅读
  5. 关于入行8年的职业总结

    2024-03-11 03:02:01       25 阅读
  6. nacos的原理及使用方法

    2024-03-11 03:02:01       24 阅读
  7. 初级代码游戏的专栏介绍与文章目录

    2024-03-11 03:02:01       20 阅读
  8. 【RHCSA问答题】第十一章 分析和存储日志

    2024-03-11 03:02:01       20 阅读