从0开始学VUE--使用Django+Vue 构建一个Web项目(10) Table的使用

最新推荐文章于 2024-10-10 16:55:40 发布

dailinqing1984

最新推荐文章于 2024-10-10 16:55:40 发布

阅读量227

点赞数

分类专栏： Python

本文链接：https://blog.csdn.net/dailinqing1984/article/details/110673441

版权

Python 专栏收录该内容

104 篇文章 64 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Vue项目中使用Element UI的Table组件，包括设置边框、固定表头和列、实现筛选功能，并提供了相关代码示例，帮助初学者掌握Vue与Django结合开发中的表格操作。

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

Table的使用比较简单，直接新建CommonTable.vue，参考element官网添加代码即可

<template>
  <el-container>
    <!--左侧栏-->
    <el-aside width="auto">
      <!--左侧栏控件-->
      <CommonAside></CommonAside>
    </el-aside>
    <!--右侧栏-->
    <el-container>
      <!--header部分-->
      <el-header>
        <!--header部分控件-->
        <CommonHeader></CommonHeader>
        <!--header部分控件-->
      </el-header>
      <el-main>
        <CommonTable></CommonTable>
        <EChart></EChart>
        <!--左侧栏 和 header部分对于整个后台部分都是不变的，唯一变的就是上面3的部分，这里就通过router-view来展示所需控件-->
        <!-- <router-view /> -->

了解本专栏