首页 > 其他分享 >element ui 编辑页面 重新选择日期后页面显示的日期没反应

element ui 编辑页面 重新选择日期后页面显示的日期没反应

时间:2023-05-29 16:35:57浏览次数:36  
标签:渲染 更新 element 日期 视图 强制 页面

问题:

element ui 编辑页面 重新选择日期后页面显示的日期没反应_刷新页面

element ui 编辑页面 重新选择日期后页面显示的日期没反应_刷新页面_02

可以看到 数据是实时更新了。

element ui 编辑页面 重新选择日期后页面显示的日期没反应_el-date-picker_03

element ui 编辑页面 重新选择日期后页面显示的日期没反应_element ui_04

element ui 编辑页面 重新选择日期后页面显示的日期没反应_el-date-picker_05

加一个强制渲染 显示正常了 

this.$forceUpdate() 方法会触发一次视图重新渲染,即使组件没有显式声明要更新数据或属性,也可以强制刷新页面。但是,由于它可能带来性能和其他副作用,因此应该尽量避免使用,并且只用于特定情况下的修复。

element ui 编辑页面 重新选择日期后页面显示的日期没反应_刷新页面_06

标签:渲染,更新,element,日期,视图,强制,页面
From: https://blog.51cto.com/u_15941034/6372261

相关文章

  • 不推荐使用Date日期和Calendar日期
    很神奇,为什么java中不推荐使用Date与Calendar日期了,很多时候初学者在刚学习java时,大部分使用的日期都是Date与Calendar,只有及少数个别使用的LocalDateTime日期Date与Calendar存在的共性问题毫秒值与日期直接转换麻烦和繁琐,然后通过毫秒值来计算时间的差额步骤较多,并且......
  • SpringBoot 项目 返回时间 日期、格式不正确 解决办法
    https://blog.csdn.net/rain67/article/details/127200263 SpringBoot项目返回时间格式不正确解决办法1、遇到问题2、解决方法(1)问题所在(2)如何解决(3)效果SpringBoot项目返回时间格式不正确解决办法  今天做一个SpringBoot+Vue的一个练习项目,想要搞一个创建该账号的时间,......
  • 直播app开发搭建,Vue Element UI Upload 上传多张图片
    直播app开发搭建,VueElementUIUpload上传多张图片<template> <div>  <el-card>   <h1>轮播图-图片上传管理</h1>   <el-divider></el-divider>   <!--注意:使用:model="uploadImgForm"不要使用v-model="uploadImgForm&q......
  • uniapp避坑指南-页面滚动
    uniapp避坑指南-页面滚动需求描述做一个类似于word目录跳转功能,分成两个页面:目录页和详情页。目录页是一个列表,详情页是一个很长的的由很多pdf图片组成的上下滚动的页面,要求实现点击目录页跳转到详情页指定位置。功能实现主要使用uni.pageScrollTo这个api。我的工程是cli创建......
  • 前端页面Table CSS实现固定表头表首行和固定列拖动固定
    需要用到的2个属性table-layout:fixedposition:stickytable-layouttable-layout属性有两种特定值:auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值fixed-表格的总宽度决定于表格width的定义,以及各栏位(column)width的定义为了让表格呈现滚动效果,必须设定table-......
  • 页面各种布局概念与区别--静态布局、自适应布局、流式布局、响应式布局、弹性布局等
    @目录静态布局(StaticLayout)流式布局(LiquidLayout)自适应布局(AdaptiveLayout)响应式布局(ResponsiveLayout)响应式布局,自适应布局,流式布局总结和比较弹性布局(rem/em布局)响应式和弹性布局之间的对比总结静态布局(StaticLayout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为......
  • Appium自动化(15):Appium常用操作之混合应用webview页面操作--待补充!
    上下文操作:在appium中,对于混合应用,需要进行WebView页面和原生应用的切换 常用的方法如下:1、context(self)/current_context(self):返回当前会话的当前上下文,context可以理解为可进入的窗口。对于原生应用,可用的context和默认context均为“NATIVE_APP”,对于webvi......
  • Appium自动化(16):Appium常用操作之H5页面操作 --待补充!
    手机chrome浏览器操作:手机端chrome浏览器一般用于打开H5手机版网站,它的操作方式与PC端的浏览器操作(即selenium对浏览器的操作)是一模一样的,由于切换后的WebView页面也属于网页下述的方法中部分支持在webview页面中使用:1、get(self,url):打开网站,url参数为url地址,必须包含http/h......
  • springboot+springsecurity+jwt+elementui图书管理系统
    图书管理系统关注公号:java大师,回复“图书”,获取源码一、springboot后台1、mybatis-plus整合1.1添加pom.xml<!--mp逆向工程--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></de......
  • springboot+springsecurity+jwt+elementui图书管理系统
    ​​图书管理系统​​一、springboot后台1、mybatis-plus整合1.1添加pom.xml<!--mp逆向工程--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></dependency>......