wyljz
wyljz

elementui Container工具栏，表格，分页布局

样式如图
elementui Container工具栏，表格，分页布局_第1张图片
最上边是搜索条件与操作按钮，中间是查询结果表格，下边是分页，要在浏览器大小改变时控件可以折行，但是不能被其他层遮盖，需要动态计算header与表格的高度，footer的高度设置各固定值就可以


@{
    ViewBag.Title = "学生基本信息";
    Layout = "~/Views/Shared/_vueLayout.cshtml";
}

注意使用watch监控frmsrh的变化，有变化时要将当前页设置为1，否则会有因为传递页数不正确查不到结果的情况

你可能感兴趣的:(vue-js)

  • vue 的100个为什么？---持续待更新 黄毛火烧雪下 前端linux运维服务器
    1、什么是挂载，有几种挂载方式将组件渲染，并且构造DOM元素然后塞入页面的过程称为组件的挂载参考：https://www.html.cn/qa/vue-js/16913.html2、什么是prop在没有状态管理机制的时候，prop属性是组件之间主要的通信方式，prop属性其实是一个对象，在这个对象里可以定义一些数据，而这些数据可以通过父组件单向传递数据给子组件3、什么是组件组件是可复用的Vue实例
  • 2021-06-09 java vue 从后台获取到PDF文件流,并预览 什么时候退休啊？ javavuejavavue
    前几天一直在整PDF显示,网上大多只写了前台,我查了几篇资料杂糅了一下vue前端,guns后台vue:vue-js:data(){return{pdfUrl:'',queryParam:{}}},methods:{//初始化方法open(status){console.log(status)this.getStringData(status)},getStringData(status){this
  • vue-JS获取农历日期 轩_7ca0
    原文出处：https://www.cnblogs.com/cqy1125/p/10814954.html//获取农历日期hdnongli(){varCalendarData=newArray(100);varmadd=newArray(12);vartgString="甲乙丙丁戊己庚辛壬癸";vardzString="子丑寅卯辰巳午未申酉戌亥";varnumString="一二三四五六七八九十";
  • vue-js将数据复制到粘贴板，ctrl+v可以直接粘贴 驴不与红鲤鱼
    https://github.com/Inndy/vue-clipboard2Paste_Image.png
  • 1. Vue-js进门 UnityAlvin Vue.jsvue
    一、Vue.js的基本认识1、官网英文官网：https://vuejs.org中文官网：https://cn.vuejs.org2、简介渐进式JavaScript框架（核心+扩展）作者：尤雨溪(一位华裔前Google工程师)作用：动态构建用户界面3、优点体积小：压缩后33K更高的运行效率：基于虚拟dom双向数据绑定：不操作dom，关注业务逻辑生态丰富、学习成本低：入门容易，学习资料多二、第一个Vu
  • **ESLint + Prettier + VSCode自动校验/修复Eslint语法规则** The wind is blowing tstypescriptjavascriptvuejs
    小程序、前端交流群：609690978写在前面：本教程为有一定代码规范的开发者提供。如果您是新手，建议严格按照规范矫正自己的代码风格。尽量在没有ESLint的情况下也能写出漂亮规范的代码您是否还在为ESLint的语法校验规则而头疼？您是否还饱受ESLint的语法规则的折磨？您是否还在手动修改ESLint的错误？别着急，这篇文章将彻底让你告别ESLint所带来的各种困扰。（视频以Vue-js录制，适
  • 【前端小组件实现记载】基于cookie的验证码计时器-vue-js ATFWUS 项目实战技巧篇计时器cookievue项目组件js
    在项目中需要使用到验证码功能时，点击获取验证码后，需要在一定的时间后才能再次获。，一般的使用的是普通的计时器，但是普通计时器会有一个缺陷：只要页面一刷新，就会重新计时，不能起到实际防止反复调用接口的作用。所以设计一个基于cookie的计时器，是很有必要的。项目环境：vue-cli插件：js-cookie按钮样式：semantic-ui拟实现的功能：默认情况下，验证码按钮显示发送验证码点击获取验证码
  • HBuilderX学习笔记二 开发element-ui项目 谢厂节_编程圈 uni-App
    HBuilderX学习笔记二开发element-ui项目本系列文章是使用HBuilderX开发一些前端软件的经验过程记录。HBuilder不仅是一款可以用来开发跨平台APP的工具，也是一款优秀的可以用来开发WEB项目的工具，特别适用于开发Vue-JS项目。本文主要介绍如何使用HBuilderX来创建、编译、发布一个Element-UI项目。文章目录HBuilderX学习笔记二开发element-u
  • 直接引用vue-js如何写公共部分 weixin_33969116
    Title正文内容区域//这里写公用头部//官网提供了vue.extend构造方法,直接用varheader=Vue.extend({template:'{{a}}{{b}}',data:function(){return{a:1,b:'嘿嘿'}}});varcommonHeader=newheader();//这里将公共部分的头部加载进来,加载到我们在本页给的容器中commonHeader.$m
  • VUE-JS交互 稻草人lxh
    在app内嵌H5项目中肯定要用到不少交互，原生和H5交互，H5和原生的交互，我现在所了解到的交互有两种形式：1、拦截URL请求2、注入window对象，来相互调用方法第一种方法我觉得比较传统，也比价麻烦，所以果断选择第二种方式--注入window对象不说啥了。。直接上图当时的需求是点击原生应用导航栏的返回，关闭webView----解决办法——>加交互：(当然有更好的办法的朋友可以和我说一下，学习
  • 新手试车vue安装 靈08_1024
    安装nodejsbrewinstallnodejs安装cnpm镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org安装webpackcnpminstallwebpack-g安装vue脚手架npminstallvue-cli-g创建一个自己的项目文件夹，地址随意，如~/WebstormProjects/vue-js。vueinitw
  • jQuery和vue-js实现购物清单 qq_34983808 java
    jQuery实现购物清单Title.container{width:40%;margin:20pxauto0pxauto;}.removed{color:gray;}.removedlabel{text-decoration:line-through;}ulli{list-style-type:none;}MyShoppingListAdd!CarrotBookGiftforaunt'sbirth
  • vue-js获取input输入值---vue学习笔记 秦浩雷
    {{getStr}}获取varvm=newVue({el:'#app',data:{str:'初始值',getStr:null,},created:function(){//thecreatedhookiscalledaftertheinstanceiscreated},computed:{},methods:{btnClick:function(){this.getStr=this.str.to
  • vue-js模拟日历插件 laihaodong 日历vue
    今天要实现的功能就是一下这个功能!!好了废话不多说了直接上代码了css:*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}#app{width:1000px;margin:10pxauto;}.calender{width:1000px;}.cal
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他