sdgpsaf 2022-02-10 08:59 采纳率: 85.7%
浏览 61
已结题

vue表格内的双向数据绑定问题

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

不知道该怎么动态的把各项数据绑定在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
            :key="index"
            :placeholder="item.C_Help_Text"
            :type="item.C_Type"
            v-model="row.name"
          ></vxe-input>
        </template>
      </vxe-column>

template里的v-model不知道该怎么绑定才能让每个单元格单独输入,现在是一个单元格输入内容,所有表格都会变化,并且焦点失去后,表格编辑的内容就不显示了

运行结果及报错内容

img

colomn的数据

img

  • 写回答

3条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-02-10 09:32
    关注

    你这是横向遍历的列 v-model哪里改成 row[item.C_Name]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月18日
  • 已采纳回答 2月10日
  • 创建了问题 2月10日

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵