代码拉取完成,页面将自动刷新
crud组件的表格列表数据貌似没有实现bind数据的逻辑?
下面的截图是form组件实现bind数据的逻辑,crud的table代码好像没找到这个逻辑,导致在列显示的时候bind数据列有问题。
异常日志
版本号2.8.26
异常截图和代码
packages/element-ui/form/index.vue文件的代码片段,实现bind数据逻辑部分:
除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>
测试没问题
做了绑定的
prop的暂时不支持
好的,谢谢,我去看看我这边什么问题。
兄弟,你只在handleDetail里面做了bind处理,img和upload里面没有做啊,还有一些其他的组件。
ok 我看下
登录 后才可以发表评论