【React工作记录一百肆拾四】vue2中tablemixin写法

前端大歌谣

于 2024-03-12 08:50:11 发布

阅读量119

点赞数 1

分类专栏：前端项目工作实战文章标签： react.js

本文链接：https://blog.csdn.net/geyaoisnice/article/details/136640892

版权

前端项目工作实战专栏收录该内容

143 篇文章 6 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

前言

tableBase.js

说说vue2中minxin的用法大概就是这个样子

export const tableBaseMixin = {
  data() {
    return {
      page: {
        current: 1,
        size: 10,
        total: 0, // 总页数
        currentPage: 1, // 当前页数
        pageSize: 10 // 每页显示多少条
      },
      selectionData: [],
      tableData: [],
      listLoading: false,
      searchQuery: {},
      pageQuery: {
        current: 1,
        size: 10
      },
      downLoadUrl: {
        downLoadUrl: '',
        excelName: ''
      },
    }
  },
  created() {

  },
  methods: {
    async doExportRequest(exportParams) {
      const response = await this.exportRequest(exportParams.url, exportParams.method || 'get', exportParams.params)
      const {
        status,
        data,
        statusText
      } = response
      if (status === 200) {
        this.downloadFile(data, exportParams