un7.20:如何同时将关联表中的两个属性展示出来？

我们在实现多表联查的情况下，一般只能查询到一个属性，比如，当我将病房与病区成功关联后，只能查看到病区的id，那么如果我想同时展示病区的id和病区的名称，该如何去实现呢？

所需软件：IDEA、VS-Code

一、先将两张表进行关联，方法可以参考un7.19的博客。

二、我们需要在VS-Code中的vue文件中做一点点文章。

1、将需要展示的两个属性全部都写上去。

2、导入。

import {listWard} from '@/api/basic/ward';

3、定义声明。

data(){return{listWard:[],//病区列表
}}

4、传入要查询的参数。

queryParam:{ //查询参数homeId:null, //病房编号homeName:null,  //病房名称wardName:null, //病区名称homeStart:null,  //是否启用wardId:null, //病房所属病区iddoctorId:null,  //病房所属医生idnurseId:null, //病房所属护士idbedId:null, //床位pageNum:1,  //页码pageSize:10 ,//每页显示的条数total:0 //总条数},

5、查询病区列表。

/*查询病区列表*/getWard(){console.log(this.queryParam)listWard(this.queryParam).then(response=>{console.log(response);this.listWard=response.rows;});},

6、将传入的参数接收。

created(){this.getWard();},

三、测试。

 如此，我们就可以在关联表中同时查询到病区编码和病区名称两个属性，修改的时候只需要修改其中一个属性，另一个属性就会根据另一张表中的内容改变。

现附上VS-Code中的完整代码。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！