首页 > 其他分享 >vue2中使用v-selectpage插件 搜索并分页

vue2中使用v-selectpage插件 搜索并分页

时间:2024-01-18 16:34:03浏览次数:41  
标签:插件 pageSize resp params vue2 pageNumber selectpage data

          <v-selectpage
              data="/api/intrusionevent/lists"
              v-model="temp.event_id"
              key-field="id"
              show-field="description"
              search-field="description"
              :result-format="selectResultFormat"
              :params="{ search: 1 }"
          >
          </v-selectpage>
 methods: {
    selectResultFormat(resp){
      const res = resp.data
      let obj = {
        totalRow:res.data.count,
        list:res.data.list
      }
      return obj
    },
}

 

main.js

import vSelectPage from 'v-selectpage'
Vue.use(vSelectPage, {
  // server side data loader
  dataLoad: function(vue, data, params) {
    const { pageNumber, pageSize, } = params;
    if (pageNumber) {
      params.page = pageNumber
      delete params.pageNumber
    }
    if (pageSize) {
      params.limit = pageSize
      delete params.pageSize
    }
    return new Promise((resolve, reject) => {
      axios.get(data, {params: params}).then(resp => resolve(resp), resp => reject(resp));
    });
  }
})

 

标签:插件,pageSize,resp,params,vue2,pageNumber,selectpage,data
From: https://www.cnblogs.com/felixwan/p/17972807

相关文章

  • springboot配置分页插件pageHelper和数据库方言的几种方式
    方式一:启动类配置分页插件(Application.java)1/**2*pageHelper分页插件3*/4@Bean5publicPageHelperByMyselfpageHelper(){6PageHelperByMyselfpageHelper=newPageHelperByMyself();7Propertiesproperties=newPr......
  • 记一个vue2中使用路由时,在同一个页面跳转,但是url参数不同,不会重新渲染页面的问题
    vue2中使用路由时,页面自己跳转自己,但是携带的参数不一样预期想要的结果是:感冒2会跟随着url的参数进行变化,但是并没用 解决方法: 在App.vue这个页面中的router-view添加  :key="$route.fullPath"结果在自己跳转自己之后会刷新页面 达成:参考:https://blog.csdn.ne......
  • 记录 | vscode json美化插件JSON Tools
    安装插件JSONTools原来的json的样子:JSONTools美化/格式化快捷键Ctrl+Alt+M(windows)/Command+Option+M(Mac),然后效果如下:......
  • es安装分词插件elasticsearch-analysis-ik(elasticsearch-plugin方式安装)
    环境:OS:Centos7ES:6.8.5 1.查看当前的安装的插件[root@hadoop-slave1soft]#curl-uelastic:123456-XGET"http://192.168.1.63:19200/_cat/plugins?v&s=component&h=name,component,version,description&pretty"namecomponentversiondescription 2.将分......
  • 国产最强的 AI 代码生成插件:CodeGeeX
    国产最强的AI代码生成插件:CodeGeeX学习改变命运,技术铸就辉煌。大家好,我是銘,AI已经火了一年多了,国内很多公司也都开始开发了很多AI工具。今天我们就来聊一聊国产的AI代码生成工具CodeGeex。官方介绍首先,我们来看一下官方对它的介绍CodeGeeX是一款基于大模型的智......
  • subline text 的package control 下载插件不全的解决办法
    起初我打算在sublinetext安装几个好用的插件方便刷题使用,可是在packagecontrol上找不到该插件,但是在https://packagecontrol.io/packages/这个插件是存在的,无奈之下重装packagecontrol问题依旧存在,于是只能从本地下载导入,但是效率很低,后来我发现,是由于我的packagecontrol使用......
  • IDEA插件中的postman,你试试
    Postman是大家最常用的API调试工具,那么有没有一种方法可以不用手动写入接口到Postman,即可进行接口调试操作?今天给大家推荐一款IDEA插件:ApipostHelper,写完代码就可以调试接口并一键生成接口文档!而且还可以根据已有的方法帮助您快速生成url和params。更重要的是他完全免费!Apipos......
  • zblog文章采集发布插件-免费下载
    推荐一款可以自动采集网页文章,并发布到zblog系统网站的zblog采集发布插件,支持简数采集器,火车头数据采集器,八爪鱼文章采集器,后羿采集器等...... zblog采集发布插件使用教程如下: 1.安装zblog文章采集发布插件1-1)zblog文章采集发布插件免费下载地址:Zblog文章采集发布插件1-2)将......
  • chrome插件「Video Downloader Plus」,可下载在线视频
    VideoDownloaderPlushttps://chromewebstore.google.com/detail/lpcbiamenoghegpghidohnfegcepamdm?hl=zh-CN&utmsource=extsidebar概述使用免费的在线视频下载器从流行平台下载视频。轻松保存各种格式和分辨率的视频。VideoDownloaderPlus是任何想要轻松高效地......
  • IDEA 插件 Fast Request 2024.1.1 强势来袭
    简介RestfulFastRequest 是一个类似于Postman的IDEA插件。它是一个强大的restfulapi工具包插件,可以根据已有的方法帮助您快速、自动生成url和params。RestfulFastRequest=API调试工具+API管理工具+API搜索工具。它有一个漂亮的界面来完成请求、检查服......