【vue3】el-table,script setup中直接赋值表数据

最新推荐文章于 2024-07-04 22:27:10 发布

陈晓明start

最新推荐文章于 2024-07-04 22:27:10 发布

阅读量623

点赞数

分类专栏： vue 若依管理系统文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/cxm19830125/article/details/133684602

版权

若依管理系统同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue项目中使用ElementUI的el-table组件创建一个简单的表格，展示了如何定义列属性如日期和参数值。

摘要由CSDN通过智能技术生成

<template>
  <el-table
      :data="tableData"
      style="width: 100%">
    <el-table-column
        prop="date"
        label="参数"
        width="180">
    </el-table-column>
    <el-table-column
        prop="name"
        label="参数值"
        width="180">
    </el-table-column>
  </el-table>
</template>

<script setup>

const tableData = [];
tableData.push({date:'2016-05-02'});

</script>