欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue中如何获取整合在实体类中的另一个对象的属性

程序员文章站 2022-06-15 13:41:13
...

Vue中如何获取整合在实体类中的另一个对象的属性


Vue中如何获取整合在实体类中的另一个对象的属性

使用情景:在用Vue编写前后端交互代码的时候遇到了需要在一个对象中调用另一个对象的属性这种情况,特此记录。

1.后端代码

代码如下(实体类中包含另一个对象Baseinformation,此对象中包含企业状态status属性):

@Data
@TableName("company_name")
public class CompanyName implements Serializable {
    private static final long serialVersionUID = 4213719090711825634L;
    ... ...
    @TableField(exist = false)
    private Baseinformation baseinformation;

2.前端代码

代码如下(示例):

<el-table :header-cell-style="{background: 'rgba(243, 243, 243, 1)',color: '#606266'}"
                              :data="companyNameList.slice((currentPage-1)*pageSize,currentPage*pageSize)"
                              highlight-current-row style="width: 100%;line-height: 20px;">
                        <el-table-column label="序号" type="index" width="80">
                        ... ...
                        <el-table-column prop="baseinformation.status" label="企业状态">
                        </el-table-column>
                    </el-table>
                  ... ...

    export default {
        name: 'mainpage',
        data() {
            return {
                companyNameList: [],//数据集合
                    }
                },
              }

总结

直接在
< el-table-column prop=“baseinformation.status” label=“企业状态” >标签中写入对象名称并打点调取属性即可。

作为开发笔记用途,转载请注明出处