customRender: (text, record, index) => `${ index + 1}`, 这个如何使用全局变量

如果你想在 `customRender` 函数中使用全局变量，可以通过在组件中定义一个计算属性来获取全局变量的值，然后在 `customRender` 函数中使用该计算属性即可。

以下是一个示例代码：

<template>
  <table>
    <thead>
      <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(item, index) in dataList" :key="item.id">
        <td>{{ getSerialNumber(index) }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  data() {
    return {
      dataList: [
        { id: 1, name: '张三', age: 20 },
        { id: 2, name: '李四', age: 22 },
        { id: 3, name: '王五', age: 25 },
      ],
    };
  },
  computed: {
    globalValue() {
      // 计算全局变量的值
      return window.globalValue;
    },
  },
  methods: {
    getSerialNumber(index) {
      // 在自定义渲染函数中获取全局变量的值
      return `${this.globalValue + index + 1}`;
    },
  },
};
</script>

在上面的代码中，我们通过定义一个计算属性 `globalValue` 来获取全局变量的值，然后在 `getSerialNumber` 方法中使用该计算属性来计算当前行的序号值，并返回给模板渲染。这样就可以在自定义渲染函数中使用全局变量了。