刷新组件

雨点打透心脏的1/2处 2022-12-17 03:26 116阅读 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 条评论，116人围观）

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

相关阅读

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

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

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

相关 vue 实现局部组件刷新

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

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

相关刷新组件

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

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

相关 ReactNative 下拉刷新组件

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

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

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

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

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

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

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

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

相关下拉刷新组件封装

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

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

相关 vue复用组件不刷新的解决方案

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路

素颜马尾好姑娘i/ 2021年10月19日 05:48/ 0 赞/ 667 阅读

相关 vue强制刷新组件

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

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

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

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

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