Java智慧阁 2023-01-17 21:56 采纳率: 66.7%
浏览 90
已结题

Vue局部刷新</template>下的<el-table>表格数据

Vue局部刷新下的表格数据
index.vue大概内容如下,请问如下在 handleHttpRequest 方法的问号地方写啥
<script setup>
import md5 from "../lib/md5";
import { taskInfo, initTask, preSignUrl, merge, pageUrl,copyBaseUrl,updateIsSucFlag,httpExtra} from '../lib/api';
import {ElNotification} from "element-plus"
import Queue from 'promise-queue-plus'
import axios from 'axios'
import { ref } from 'vue'
const handleHttpRequest = async (options) => {
    const file = options.file
    const task = await getTaskInfo(file)
    if (task) {
        const { finished, path, taskRecord } = task
        const { fileIdentifier: identifier } = taskRecord
        if (finished) {
            return path
        } else {
          
            const { code, data, msg } = await merge(identifier)
            if (code === 200000) {
                // 在这里 ,刷新</template>下的<el-table>表格数据
                //?????这里应该怎么写???局部<el-table>表格数据刷新,不要location.reload()
            }
        }
    } else {
        ElNotification.error({
            title: '文件上传错误',
            message: '获取上传任务失败'
        })
    }
}
</script>

<template>

<el-table
        :data="tableData"
        highlight-current-row
        border
        style="width: 100%">
</el-table>


</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      error: ''
    }
  },

  methods: {
    ...
  },

  beforeCreate() {
    this.axios = axios;
  },

  created() {
    ..
  },

}
</script>

  • 写回答

6条回答 默认 最新

  • coderYYY 前端领域新星创作者 2023-01-18 09:09
    关注

    局部刷新给tableData重新赋值即可。没见过这种两个script混用composition api 和option api 的,先用下面的代码试试看获取this,再获取不到this的话,就不用顶层setup了,用setup函数混合option api 吧

    import { getCurrentInstance} from 'vue'
       // 获取this
        const { ctx } = getCurrentInstance()
        const _this = ctx
    

    然后再在问号那里赋值

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

问题事件

  • 系统已结题 1月26日
  • 已采纳回答 1月18日
  • 赞助了问题酬金15元 1月17日
  • 创建了问题 1月17日

悬赏问题

  • ¥30 seata使用出现报错,其他服务找不到seata
  • ¥35 引用csv数据文件(4列1800行),通过高斯-赛德尔法拟合曲线,在选取(每五十点取1点)数据,求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no,如何解决?
  • ¥15 Google speech command 数据集获取
  • ¥15 vue3+element-plus页面崩溃
  • ¥15 像这种代码要怎么跑起来?
  • ¥15 安卓C读取/dev/fastpipe屏幕像素数据
  • ¥15 pyqt5tools安装失败
  • ¥15 mmdetection
  • ¥15 nginx代理报502的错误