
JavaScript
黎明の光
这个作者很懒,什么都没留下…
展开
-
过滤器的使用——处理日期(例如:将2020-11-05 08:35处理成2020年11月5日)
需求:将后端返的日期格式2019-11-05 08:35,处理成“2019年11月5日”并展示在页面中解决方法:HTML的数据写法是:<p>{{item.materialCheckVo.checkTime|dataDeal}}</p>其中checkTime是后端返的日期数据,值为2019-11-05 08:35,dataDeal为组件中定义的过滤器函数 filters: { /** * @description: 处理日期 ...原创 2020-11-05 10:22:33 · 525 阅读 · 1 评论 -
点击el-select 选择项,el-table中显示相对应条目
想要的功能效果图如下:当点击“应聘岗位”的下拉选择框后,表格里出现应聘岗位相对应的数据条目。需要说明的是,表格和分页我是单独抽离成一个子组件来写的,因此,点击父组件的下拉选项,表格出现相对应内容涉及到el-select的change事件和父组件调用子组件方法。父组件的核心代码<template><!-- 这是子组件tableInfo --> <div class="panel_body"><!-- ref可以拿到子组件中的data.原创 2020-09-14 15:56:51 · 2280 阅读 · 0 评论 -
element-ui实现表格分页和搜索功能
一.首先展示下做出的页面效果1.以下页面是物资列表界面,将所有的物资分页展示出来。2.将搜索内容分页展示出来,以下页面是含关键字“子”时展示的数据二.具体的实现1.物资列表分页显示是使用了element-ui中el-table和el-pagination标签。代码如下:div class="table_resource" style="text-align:center"> <el-table :data="showTable" border原创 2020-08-07 11:16:19 · 9770 阅读 · 4 评论 -
构造函数,原型对象,实例对象之间的关系
<script> //原型的作用之一:共享数据,节省内存空间 //构造函数 function Person(age,sex) { this.age=age; this.sex=sex; } //通过构造函数的原型添加一个方法 Person.prototype.eat=function () { co...原创 2019-07-03 16:16:09 · 216 阅读 · 0 评论 -
原型链
<script> //使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数 //构造函数 function Person(name,age) { //属性 this.name=name; this.age=age; //在构造函数中的方法 this.eat=functi...原创 2019-07-04 10:54:02 · 108 阅读 · 0 评论 -
浅拷贝与深拷贝的简单理解
浅拷贝:拷贝就是复制,就相当于把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以使用。<script> var obj1={ age:10, sex:"男", car:["奔驰","宝马","特斯拉","奥拓"] ...原创 2019-07-18 14:11:57 · 188 阅读 · 0 评论