958 Star 5.1K Fork 1.6K

GVPsmallwei / Avue

 / 详情

crud组件的表格列表数据貌似没有实现bind数据的逻辑?

已完成
创建于  
2022-02-20 21:34

crud组件的表格列表数据貌似没有实现bind数据的逻辑?
下面的截图是form组件实现bind数据的逻辑,crud的table代码好像没找到这个逻辑,导致在列显示的时候bind数据列有问题。

异常日志

版本号2.8.26

异常截图和代码
packages/element-ui/form/index.vue文件的代码片段,实现bind数据逻辑部分:
输入图片说明

评论 (6)

三石寰宇 创建了任务
smallwei 任务状态待办的 修改为进行中
展开全部操作日志

除bind数据的方式外,是否可以增加prop='a.b.c',这种可以无限深度获取对象属性的模式,这样更加方便一些

<!DOCTYPE html>

<html class="no-js">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title></title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <script src="https://cdn.staticfile.org/axios/0.19.0-beta.1/axios.js"></script>
  <!-- 导入表格需要的包 -->

  <script src="https://cdn.staticfile.org/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
  <script src="https://cdn.staticfile.org/xlsx/0.14.1/xlsx.full.min.js"></script>

  <script src="https://cdn.staticfile.org/vue/2.5.17/vue.js"></script>
  <link rel="stylesheet" href="../../cdn/element-ui/theme-chalk/index.css" />
  <script src="../../cdn/element-ui/index.js"></script>
  <link rel="stylesheet" href="../../../lib/index.css" />
  <script src="../../../lib/avue.js"></script>
</head>

<body>
  <div id="app">
    <avue-crud :data="data" :option="option">
    </avue-crud>
  </div>
</body>
<script>
  new Vue({
    el: '#app',
    data() {
      return {
        data: [
          {
            obj: {
              name: '张三',
            },
            sex: '男'
          }, {
            obj: {
              name: '李四',
            },
            sex: '女'
          }
        ],
        option: {
          align: 'center',
          menuAlign: 'center',
          column: [
            {
              label: '姓名',
              prop: 'name',
              bind: 'obj.name'
            }, {
              label: '性别',
              prop: 'sex'
            }
          ]
        },
      };
    },
    methods: {

    }
  })
</script>

</html>

测试没问题
输入图片说明

做了绑定的

smallwei 任务状态进行中 修改为已完成

prop的暂时不支持

好的,谢谢,我去看看我这边什么问题。

兄弟,你只在handleDetail里面做了bind处理,img和upload里面没有做啊,还有一些其他的组件。
输入图片说明
输入图片说明

ok 我看下

smallwei 任务状态已完成 修改为进行中
smallwei 里程碑设置为v2.8.27
smallwei 任务状态进行中 修改为已完成

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
632261 smallweigit 1588214431
JavaScript
1
https://gitee.com/smallweigit/avue.git
git@gitee.com:smallweigit/avue.git
smallweigit
avue
Avue

搜索帮助