刷新组件

雨点打透心脏的1/2处 2022-12-17 03:26 270阅读 0赞

## 强制组件刷新的几种方法 ##

在做表格的时候 需要对表格进行刷新 一般情况是有两种刷新的方法：

1.  v-if刷新

<template>
      <editor
        v-if="isRouterAlive"
      >
      </editor>
    </template>
    
    data() { 
        return { 
          isRouterAlive: true, // 是否销毁
          destory: true, // 销毁组件
          }
       }
    methods: { 
        reload() { 
          this.isRouterAlive = false
          this.$nextTick(() => (this.isRouterAlive = true))
        }
      }

1.  使用key值刷新

<el-table
              :key="menuKey"
              v-loading="(params.queryType === 1 && loading) || LineChooseLoading"
              height="500px"
              :data="tableData || []"
              border
              :row-class-name="tableRowClassName"
            >
     
    data() { 
        return { 
          menuKey: 1, // table需要刷新的key值
        }
      },
         handleCheckedCitiesChange(value) { 
          // alButton 记录的是上一次选择的环节
          this.$emit('fresh')
          this.tableData = []
       
          ++this.menuKey
          }

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关组件传值后刷新组件

组件传值后更新组件我们在写页面时，常常会用到组件传值，但是传完值以后页面并不会刷新，这时候就需要用到页面强制刷新,来是页面进行重新渲染. 方法十分简单,我们可以在d

迷南。/ 2023年06月30日 06:58/ 0 赞/ 17 阅读

相关 uni-app 实现组件刷新功能

组件页面： <template> <view> <text style="font-size: 18px;color: red;">原始值

╰+哭是因爲堅強的太久メ/ 2023年01月15日 02:17/ 0 赞/ 360 阅读

相关 vue 实现局部组件刷新

在 vue 项目里想实现组件的局部刷新，我用到过的方法整理了一下： 1、 provide / inject 方法使用 v-if 方法来控制 router-view 的

我不是女神ヾ/ 2023年01月03日 04:57/ 0 赞/ 226 阅读

相关刷新组件

强制组件刷新的几种方法在做表格的时候需要对表格进行刷新一般情况是有两种刷新的方法： 1. v-if刷新 <template> <edito

雨点打透心脏的1/2处/ 2022年12月17日 03:26/ 0 赞/ 271 阅读

相关 ReactNative 下拉刷新组件

使用RefreshControl实现下拉刷新，这一组件可以用在 ScrollView 或 FlatList 内部，为其添加下拉刷新的功能。 import React

灰太狼/ 2022年12月12日 04:51/ 0 赞/ 289 阅读

相关学习笔记——Vue中组件如何刷新

> 在页面中的组件中的内容需要在操作后及时刷新，该如何做？ > > 这里有两种情况：1.单页面应用程序。2.在uni-app跳转页面后返回组件所在页面。 1.单页面应用程

柔光的暖阳◎/ 2022年10月18日 12:55/ 0 赞/ 469 阅读

相关 jquery mobile各类组件刷新方法

1、Combobox or select dropdowns var myselect = $("\sCountry"); myselect\[0\].selectedIn

系统管理员/ 2022年07月24日 10:22/ 0 赞/ 205 阅读

相关下拉刷新组件封装

经常用在上拉刷新和下拉加载更多中，接下来利用RefreshControl封装一个下拉刷新组件 RefreshControl属性 refreshing 加载指示灯是否

﹏ヽ暗。殇╰゛Y/ 2022年03月14日 13:56/ 0 赞/ 334 阅读

相关 vue强制刷新组件

前言：在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我

迷南。/ 2021年09月16日 07:40/ 0 赞/ 524 阅读

相关下拉刷新组件（Vue版）

![在这里插入图片描述][20200621225047544.gif] <!DOCTYPE html> <html> <head> <m

Myth丶恋晨/ 2021年07月25日 00:08/ 0 赞/ 487 阅读