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]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 半糖甜到蛀牙 2022-02-10 09:28
    关注

    你看看 colomn有没有数据 如果有数据的话 你看看绑定数据的方式对不对

    评论
  • wade3po 2022-02-10 09:28
    关注

    你是循环出来的,然后v-model="row.name"都是绑定的name,那不就都是同一个吗。

    评论
查看更多回答(2条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 最小生成树问题 Prim算法和Kruskal算法
  • ¥25 医院住院病人呼叫器设计
  • ¥15 不想和现在的团队合作了,怎么避免他们对程序动手脚
  • ¥30 c++类和数组实验代码
  • ¥20 C语言字符串不区分大小写字典排序相关问题
  • ¥15 关于#python#的问题:我希望通过逆向技术爬取1688搜索页下滑加载的数据
  • ¥15 关于Linux的终端里,模拟实现一个带口令保护的屏保程序遇到的输入输出的问题!(语言-c语言)
  • ¥30 请问,这个嵌入式Linux系统怎么分析,crc检验区域在哪
  • ¥15 二分类改为多分类问题
  • ¥15 Unity微信小游戏上调用ReadPixels()方法报错