<ProTable ref="proTable" v-if="columns?.length > 0" :columns="columns" :data="tableData" height="475" :pagination="false" :card="false" @row-click="rowClick">
ProTable中columns是从接口请求返回的数据,注意要加上if判断,只是用nexttick仍然不能正确显示出列名。
const columns = ref<any>();const getTableList = async (): Promise<void> => {try {const { success, data } = await realDataZLTableInfo(formData);if (!success) return;tableList.value = data[0];columns.value = tableList.value.map((item: any) => ({prop: `${item.prop}`,label: item.craftName}));columns.value.unshift({prop: "station_name",label: "项目名称"})console.log(columns.value);} catch (error) {console.log(error);}};onMounted(() => {nextTick(() => {getTableList();});
});