quasar和vue多表查询赋值列值改为另一个页面的列值

需求：两个不同页面的数据库，想要在此页面表格的列名值变为另一个页面的列名值，需要用到过滤器filter。

第一步：在set up()里const event里面定义一个存储数据的小仓库

const event = reactive({

      // 存储数据的集合

      DESNINFOS: [],

      pigitions: { rowsPerPage: 15 }

    })

调用借口

 async function bindBaseInfo () {

      originalRows = await store.dispatch('接口路径URL', searchCode.value查询的值)

      const data = {

        列名: '', 数据查询

        列名: ''

      }

      event.DESNINFOS = await store.dispatch('接口路径URL', data)

      loading.value = false

      rows.value = originalRows

      console.log(originalRows)

    }

第二步：定义一个返回值的函数（返回数据）

function returnDescription (val) {

      // eslint-disable-next-line @typescript-eslint/no-unsafe-return

      return event.DESNINFOS.filter(x => x.列名 === val)[0]?.另一个表的列名

    }

在return里面调用函数returndescription

第三步：使用插槽，在q-td里面调用函数

<template v-slot:body-cell-ESNdescription="props">

          <q-td :props="props">

              {{returnDescription(props.row.列名)}}

          </q-td>

        </template>