vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示

最近刚学Vue,使用的elementui组件库,用到了table表格组件标签

遇到个问题就是其中有个要展示的数据来自接口返回的两个字段

原用法是:

       

原以为prop=" "中只能放一个字段的数据,想放两个字段数据的话,要把 标签再用

标签包裹才行如下:

vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示_第1张图片


 
   
 

记得原来标签中的prop=" "中放两个字段名哈~还有

中的slot-scope="scope" 最后通过{{scope.row.字段名}}就行啦~:D

你可能感兴趣的:(Vue)