vue表格内的数据渲染问题,如何把编辑栏内容渲染到对应位置?(语言-javascript)

问题遇到的现象和发生背景

用一个表格组件写了个demo,想把后台提供的表格属性,渲染到表格里,现在循环渲染数据错乱了,input标签内属性该怎么改动

问题相关代码,请勿粘贴截图
      <vxe-column
        v-for="( item,index ) in colomn"
        :key="item.index"
        :filed="item.C_Name"
        :title="item.C_Name_CN"
        :edit-render="{}"
      >
        <template #edit="{ row }">
          <vxe-input
            v-for="{ C_Help_Text, C_Max_Length, C_Type, index } in colomn"
            :key="index"
            :placeholder="C_Help_Text"
            :type="C_Type"
            v-model="row.name"
          ></vxe-input>
        </template>
      </vxe-column>
运行结果及报错内容

img

img

我的解答思路和尝试过的方法

知道input标签内不应该使用循环,应该用什么方法让他们属性对应上

去掉for循环,将变量前加row.即可,试试

<template #edit="{ row }">
          <vxe-input
            :key="index"
            :placeholder="row.C_Help_Text"
            :type="row.C_Type"
            v-model="row.name"
          ></vxe-input>
        </template>

你返回的数据格式是怎样的