Vol.Vue3版本/src/views/treeTable/demo2/Table2.vue

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div style="padding: 12px 15px;">
    <VolHeader
      style="padding-bottom: 5px; border-bottom: 0;"
      icon="md-podium"
      text="点树形菜单自定义加载数据"
    >
      <!-- <div slot="content">当前选中的是:{{$store.getters.data().treeDemo2.text}}</div> -->
      <div style="text-align: right">
        <el-button type="primary" size="mini" @click="clear">清空表</el-button>
        <el-button type="primary" size="mini" @click="del">删除行</el-button>
        <el-button type="primary" size="mini" @click="add">添加行</el-button>
        <el-button type="primary" size="mini" @click="getRows"
          >获取选中的行</el-button
        >
      </div>
    </VolHeader>
  <el-alert
  style="margin-bottom: 5px;"
    title="自定义treetable页面"
    type="warning"
    description="具体见：TreeTable2.vue"
    show-icon>
  </el-alert>
    <vol-table
      ref="editTable"
      :columns="columns"
      :maxHeight="550"
      :loadKey="true"
      :index="true"
      :tableData="tableData"
      :pagination-hide="true"
    ></vol-table>
  </div>
</template>
  <script>
import VolTable from "@/components/basic/VolTable.vue";
import VolHeader from "@/components/basic/VolHeader.vue";
import options from "./tree_options";
export default {
  components: { VolTable, VolHeader },
  created() {
    //缓存当前table页面，点击左边树形菜单时，直接刷新此页面table数据
    this.$store.getters.data().tableDemo2 = this;
  },
  data() {
    return {
      tableData: [], //表数据，点击树菜单时赋值
      columns: [
        //表配置
        {
          field: "code", //数据库表字段,必须和数据库一样，并且大小写一样
          title: "编号", //表头显示的名称
          isKey: true, //是否为主键字段
          //  hidden: true //是否显示
        },
        {
          field: "address",
          title: "详细地址",
          type: "text",
后面还有 89 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。