el-time-select数据改变了视图没更新

最新推荐文章于 2024-04-07 11:49:12 发布

lt要努力

最新推荐文章于 2024-04-07 11:49:12 发布

阅读量1.9k

点赞数 2

分类专栏： vue精选使用UI库时遇上的那些事～文章标签： t时间选择器视图没更新数据更新但是视图不更新

本文链接：https://blog.csdn.net/louting249/article/details/108844244

版权

当在dialog中使用el-time-select组件时，遇到数据更新但视图未随之更新的状况。通过为dialog添加v-if解决了这个问题，因为不加v-if时，element的input组件会复用状态，导致显示的仍是旧数据。通过理解组件复用原理，可以避免此类问题。

摘要由CSDN通过智能技术生成

我的场景：

<span class="option" @click="robotSetting(item)">{
   {
   $t('operation.set')}}</span>
<robot-setting-dialog
   :dialogVisible="dialogVisible"
   :form="robotSettingForm"
   :dataId="dataId"
   @getBundleRobot="getBundleRobot"
   @changeVisible="changeVisible"/>

点击设置的时候会出现dialog弹框，下面是引用了el-time-select组件

<el-form-item
  :label="$t('notificationPush.pushTime')"
  prop="pushTime"
  :rules="{required:true, validator:validator_pushTime, trigger: 'change'}">
    <span class="date-label">{
   {
   $t('label.everyDay')}}</span>
    <el-time

最低0.47元/天解锁文章

lt要努力

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
el-time-select数据改变了视图没更新

<el-form-item :label="$t('notificationPush.pushTime')" prop="pushTime" :rules="{required:true, validator:validator_pushTime, trigger: 'change'}"> <span class="date-label">{{$t('label.everyDay')}}</span> <el-time-select
复制链接

扫一扫

专栏目录