如何制作Vue Element UI中纵向排列的自定义表头组件?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1016个文字,预计阅读时间需要5分钟。
以下是对原文的简化改写,确保不超过100字:
改写内容:以下所示:+ 代码如下:+ table style=width: 100%; class=myTable tr v-for=(item, i) in statDatas :key=i td class=column>{{ item.key }}{{ item.value }}
简化后:展示如下:+ 代码:+ `{{ item.key }}{{ item.value }}` 绑定 statDatas 属性,JSON 对象。
如下所示:
代码如下:
<table style="width: 100%" class="myTable"> <tr v-for="(item,i) in statDatas" :key="i"> <td class="column">{{ item.key }}</td> <td class="column">{{ item.value }}</td> </tr> </table>
绑定的是 statDatas 属性是一个 json数组,由key value组成的json,如果需要多列就直接增加属性就可以。
本文共计1016个文字,预计阅读时间需要5分钟。
以下是对原文的简化改写,确保不超过100字:
改写内容:以下所示:+ 代码如下:+ table style=width: 100%; class=myTable tr v-for=(item, i) in statDatas :key=i td class=column>{{ item.key }}{{ item.value }}
简化后:展示如下:+ 代码:+ `{{ item.key }}{{ item.value }}` 绑定 statDatas 属性,JSON 对象。
如下所示:
代码如下:
<table style="width: 100%" class="myTable"> <tr v-for="(item,i) in statDatas" :key="i"> <td class="column">{{ item.key }}</td> <td class="column">{{ item.value }}</td> </tr> </table>
绑定的是 statDatas 属性是一个 json数组,由key value组成的json,如果需要多列就直接增加属性就可以。

