vue中该段代码无法显示vue { label: "支付时间", prop: "paymentDetail?.transaction_time", formatter: (row) => row?.paymentDetail?.transaction_time, },

这段代码在Vue中无法正常显示的原因可能是因为在模板中使用了可选链操作符（Optional Chaining Operator）`?.`，而这个操作符在Vue的模板语法中是不支持的。

你可以尝试将这段代码修改为使用常规的属性访问方式，如下所示：

{
  label: "支付时间",
  prop: "paymentDetail.transaction_time",
  formatter: (row) => row.paymentDetail ? row.paymentDetail.transaction_time : '',
}

这样修改后，代码应该能够正常显示了。请注意，如果`paymentDetail`或者`transaction_time`属性可能为空，你需要进行适当的检查和处理，以避免出现错误。

相关问题

vue的script 中该段代码无法显示 { label: "支付时间", prop: "paymentDetail?.transaction_time", formatter: (row) => row?.paymentDetail?.transaction_time, },如何修改

在Vue的单文件组件的`<script>`标签中，你可以使用`computed`属性来处理这段代码。你可以定义一个计算属性来获取`paymentDetail`和`transaction_time`的值，并在模板中使用这个计算属性。

下面是修改后的代码示例：

<template>
  <!-- 模板中使用计算属性 -->
  <div>{{ formattedTransactionTime }}</div>
</template>

<script>
export default {
  data() {
    return {
      row: {
        paymentDetail: {
          transaction_time: '2022-01-01 00:00:00',
        },
      },
    };
  },
  computed: {
    formattedTransactionTime() {
      const paymentDetail = this.row.paymentDetail;
      return paymentDetail ? paymentDetail.transaction_time : '';
    },
  },
};
</script>

在这个示例中，我们定义了一个名为`formattedTransactionTime`的计算属性，它会根据`paymentDetail`和`transaction_time`的值返回格式化后的支付时间。然后，在模板中使用这个计算属性来显示支付时间。

请注意，这个示例中的`row`对象是用于模拟数据的，你需要将其替换为你实际使用的数据对象。另外，你还可以根据需要在计算属性中添加其他逻辑来处理更复杂的情况。

vue中这段代码有无问题 // 获取表格列 getColumns() { let diy_columns = [ { label: "请假人", prop: "approvalUser?.nickname" }, { label: "请假日期", formatter: (row) => [ (row.validity_period_start = row.start_time), (row.validity_period_end = row.end_time), (row.validity_period = row.leavel_days), ], }, { label: "审批人", prop: "nickname", }, { label: "审批状态", prop: "status" }, ]; exportOption.columns = [...new Set(table.columns), ...diy_columns]; },

这段代码在Vue中是有问题的。Vue的方法是不应该包含`export`语句。`export`语句应该在模块的顶层使用，而不是在方法内部。

如果你想要导出`exportOption.columns`，你应该将它放在组件的导出选项中，而不是在方法内部。

以下是修复后的代码示例：

export default {
  data() {
    return {
      // ...
    };
  },
  methods: {
    getColumns() {
      let diy_columns = [
        { label: "请假人", prop: "approvalUser?.nickname" },
        {
          label: "请假日期",
          formatter: (row) => [
            (row.validity_period_start = row.start_time),
            (row.validity_period_end = row.end_time),
            (row.validity_period = row.leavel_days),
          ],
        },
        {
          label: "审批人",
          prop: "nickname",
        },
        { label: "审批状态", prop: "status" },
      ];
      this.exportOption.columns = [...new Set(table.columns), ...diy_columns];
    }
  }
};

在修复后的代码中，`exportOption.columns`被设置为组件的属性，而不是在方法内部使用`export`语句。我假设你已经定义了`exportOption`作为组件的属性或者数据对象。