全栈成长记 全栈成长记
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Evan Xu

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript文章

    • 33个非常实用的JavaScript一行代码
    • new命令原理
    • ES5面向对象
    • ES6面向对象
    • 多种数组去重性能对比
    • JS随机打乱数组
    • 判断是否为移动端浏览器
    • 将一维数组按指定长度转为二维数组
    • 防抖与节流函数
    • JS获取和修改url参数
    • 比typeof运算符更准确的类型判断
    • 三级目录

  • 学习笔记

  • 前端
  • Vue
  • RuoYi-Vue
xugaoyi
2022-10-14

若依业务代码index结构

只有template、script 2部分,没有style

<template>
  <div class="app-container">
   <!-- 搜索 -->
   <!-- 新增、修改、删除、导出 -->
   <!-- Table -->
   <!-- 分页 -->
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <!-- 添加或修改对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
    </el-dialog>
  </div>
</template>

<script>
// 网络请求API
import { listOccupation, getOccupation, delOccupation, addOccupation, updateOccupation } from "@/api/xxlg/occupation";

export default {
  name: "Occupation",
  data() {
    return {
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
     
    },
    // 取消按钮
    cancel() {
     
    },
    // 表单重置
    reset() {
      
    },
    /** 搜索按钮操作 */
    handleQuery() {

    },
    /** 重置按钮操作 */
    resetQuery() {
     
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
     
    },
    /** 新增按钮操作 */
    handleAdd() {
     
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
     
    },
    /** 提交按钮 */
    submitForm() {
      
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      
    },
    /** 导出按钮操作 */
    handleExport() {
      
    }
  }
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
编辑 (opens new window)
上次更新: 2022/10/14, 23:09:06
最近更新
01
Vue重要知识点
10-14
02
Vue生态
10-14
03
Vue生命周期
10-13
更多文章>
Theme by Vdoing | Copyright © 2019-2022 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式