技术标签： vue.js
##本地json数据分页器使用
<!-- 分页器 -->
<div>
<el-pagination
@size-change="aaa"
@current-change="bbb"
:current-page="pagenum"
:page-sizes="[1, 3, 5, 7, 9, 11]"
:page-size="pagesize"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
</el-pagination>
</div>
用到的参数↓
data() {
return {
pagenum: 1,
pagesize: 3,
total: 0,
};
},
请求本地接口，重要的是获取长度
mounted() {
this.$axios.get("/json/list1.json").then((res) => {
console.log();
this.users = res.users;
this.total = res.users.length;
});
},
调用的方法
methods: {
aaa(ine) {
//每页显示条数
this.pagesize = ine;
},
bbb(ine) {
//当前页码
this.pagenum = ine;
},
}
计算属性
computed: {
gooer() {
let el = (this.pagenum - 1) * this.pagesize;
let ele = el + this.pagesize;
return this.users.slice(el, ele);
},
},
还有一点要把渲染数据绑定的:data=“计算属性的方法”
<el-table
ref="multipleTable"
:data="gooer"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column prop="username" label="姓名"> </el-table-column>
<el-table-column prop="id" label="地址" show-overflow-tooltip> </el-table-column>
<el-table-column label="操作" show-overflow-tooltip>
<el-button type="primary" icon="el-icon-edit" size="mini"></el-button>
<el-button
type="primary"
icon="el-icon-delete"
size="mini"
@click="app(item.index)"
></el-button>
</el-table-column>
</el-table>
项目中要求上传视频的时候要自动获取第一帧作为App端的视频播放封面。1、获取视频的第一帧封面captureImage() { let that = this; // 创建视频对象 let video = new Video(); video.width = 200; vieo.height = 500; video.setAttribute('crossOrigin'， 'Anonymous'); video.setAttribute('co
UIComponent,constructor:try { Component.apply(this, arguments);} catch (e) { this._destroyCreatedInstances(); throw e; }}in RouteMatchedHandler.js,oRouter.attachRouteMatched(th...
转载请注明出处：http://blog.csdn.net/l1028386804/article/details/79366155一、Flume配置flume要求1.6以上版本flume-conf.properties文件配置内容，sinks的输出作为kafka的producta1.sources = r1a1.sinks = k1a1.channels = c1# Describe/co...
对于一个c/c++程序员来说，内存泄漏是一个常见的也是令人头疼的问题。已经有许多技术被研究出来以应对这个问题，比如 Smart Pointer，Garbage Collection等。Smart Pointer技术比较成熟，STL中已经包含支持Smart Pointer的clas
本博文针对L0、L1、L2范数原理及在机器学习中作用进行了非常通俗易懂的解释，为博主了解相关概念后自我理解，相信对于看完本篇分析的读者来说对理解这几个范数作用将有较大帮助，阅读前，推荐可以先阅读下面这个博主写的更系统介绍，再看我这篇；对范数在机器学习中应用有所了解的可以直接看我这篇。
昨天在使用EventBus的时候遇到了一个坑，在代码写完以后检查了N遍，并没有发现有什么不妥的地方，该注册监听的Activity中都有对该时间进行监听注册。 代码是这样的：@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState)...
本地Windows远程桌面连接阿里云Ubuntu服务器:(1)首先通过xshell连接Ubuntu服务器,切换到root权限(工具:xshell,securecrt,putty等)。xshell下载地址：https://xshell.en.softonic.com/安装更新:sudo apt-get upate安装xrdp:输入sudo apt-get install xrdp–>回车–>输入"y"–>回车,安装完成。 (xrdp: An open source remote
VMware Workstation Pro无法在Windows 上运行问题：问题：系统版本：更新记录：
CE是什么相信大家都应该知道了 一般来说,大家都应该知道怎么找到一个值的地址,然后去修改它,但是有些地址退出游戏后就变了 这就需要偏移了,现在教大家找偏移和基址 1.当然是开游戏,有CE载入它的进程(看图) 2.搜你要搜的值,一般用默认的那个(整数,4字节) 比如搜金钱,就输入金钱数,一开始会有很多个,这时要改变下金钱的数(捡钱扔钱随你) 然后再次搜金钱的数,
ARC是一个编译器特征，它提供了对OC对象自动管理内存。ARC让开发者专注于感兴趣的代码和对象的关系，而不用考虑对象的retain和release。转自hherima的博客原文：Transitioning to ARC Release Notes（苹果官方文档） ARC是一个编译器特征，它提供了对OC对象自动管理内存。ARC让开发者专注于感兴趣的代码和对象的关系
开始学习rails了，第一步就是学会如何搭建好环境，我用的是mac-pro，Mountain Lion版本。1. install homebrew:（homebrew是mac系统下的包管理工具, 类似于rpm等） ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)”2. install rbenv w...
vit简介vit模型是transformer在图像分类领域的首次成功尝试；但是其需要基于大量数据去预训练模型；除了训练难度，现有的 Visual Transformer 参数量和计算量多大，比如 ViT 需要 18B FLOPs 在 ImageNet 达到 78% 左右 Top1，但是 CNN 模型如 GhostNet 只需 600M FLOPs 可以达到 79% 以上 Top1。vit网络结构源码解读import torchfrom torch import nnfrom einops