-Go服务器开发

您提供的代码片段似乎有一些语法错误和格式问题。以下是修正后的版本，确保它符合 Vue.js 和 Ant Design Vue 的标准用法：

<template>
  <div>
    <a-row v-for="(item, index) in formModal.records" :key="index">
      <a-col :span="8">
        <a-form-item label="借据号">
          <a-input 
            v-model:value="item.contractCode" 
            placeholder="请输入借据号"
          />
        </a-form-item>
      </a-col>
      <template v-if="item.expanded">
        <a-col :span="8">
          <!-- 这里可以添加更多的内容 -->
          <a-form-item label="其他信息1">
            <a-input 
              v-model:value="item.otherInfo1" 
              placeholder="请输入其他信息1"
            />
          </a-form-item>
        </a-col>
        <a-col :span="8">
          <!-- 这里可以添加更多的内容 -->
          <a-form-item label="其他信息2">
            <a-input 
              v-model:value="item.otherInfo2" 
              placeholder="请输入其他信息2"
            />
          </a-form-item>
        </a-col>
      </template>
      <a-col :span="8">
        <a-button
          type="link"
          @click="toggleExpand(index)"
          style="color: #6490e4; margin-left: 20px;"
        >
          {{ item.expanded ? '收起' : '展开' }}
        </a-button>
      </a-col>
      <a-col :span="8">
        <a-form-item label="承诺还款金额">
          <a-input
            v-model:value="item.committedRepaymentAmount"
            placeholder="请输入承诺还款金额"
          />
        </a-form-item>
      </a-col>
    </a-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      formModal: {
        records: [
          // 示例数据结构
          { contractCode: '', committedRepaymentAmount: '', expanded: false, otherInfo1: '', otherInfo2: '' },
        ],
      },
    };
  },
  methods: {
    toggleExpand(index) {
      this.formModal.records[index].expanded = !this.formModal.records[index].expanded;
    },
  },
};
</script>
<style scoped>
/* 在这里添加样式 */
</style>