- 博客(23)
- 收藏
- 关注
原创 object.defineproperty和proxy的区别
1.Proxy性能优于Object.defineProperty。Proxy代理的是整个对象Object.defineProperty只代理对象上的某个属性,如果是多层嵌套的数据需要循环递归绑定;3.数组的某些方法(push、unshift和splice)Object.defineProperty监听不到,Proxy可以监听到;2.对象上定义新属性时,Proxy可以监听到,Object.defineProperty监听不到,需要借助$set方法;4.Proxy在ie浏览器存在兼容性问题。
2023-04-19 06:51:31
332
原创 动态添加条件表单
这里采用ElementUI构建,因此可以方便的组合各类ui控件来进行构建需要的界面。当然该组件既然被看作树,因此其也是个递归组件,因此还涉及到自己调用自己。
2022-10-12 17:45:27
281
原创 el-checkbox 设置传值是数字并非true和false
2.:false-label="'0'" 未选中时值为 0。1.:true-label="'1'" 选中时值为 1。
2022-09-29 15:13:36
1252
原创 el-table实现双击单元格完成复制的功能
1.在el-table标签上添加cell-dblclick事件 cell-dblclick函数有四个参数,分别是row, column, cell, event; row就是被操作单元格所在行的所有的数据 cloumn可以看到被操作单元格的property,根据property可以再row中得到该单元格的值; cell:可到该单元格的dom结构; event可以根据其type属性值得到操作该单元格的事件名称;2.在mehods中定义实现cell-dblclick事件对应的celldbl
2022-06-23 17:31:56
1891
原创 axios封装
在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。
2022-03-11 11:18:02
3563
原创 vue Pagination 分页封装
total:总条数,pageNun:分页,pageSize:每页条数,pageSizeChange:每页条数点击事件,pageNumChange:分页点击事件
2022-03-03 16:16:11
411
原创 ElementUI对于表格的二次封装
最近在做的项目中,有大量界面用到了表格(el-table)组件,但是里面具体显示的内容不同,是从后端获取过来的,如果每一个界面写一下el-table的代码的话,会造成代码量大且不易维护的后果,所以就对el-table表格进行了二次封装。
2022-03-02 18:11:44
433
原创 前端vue中文件下载的几种方式
第一种方式是前端创建超链接,通过a标签的链接向后端服务发get请求,接收后端的文件流,非常简单: 下载模板 另一种情况是创建div标签,动态创建a标签: 下载 function...
2022-03-02 16:39:24
647
原创 清除overflow: auto;的滚动条
一行代码搞定.div::-webkit-scrollbar { display: none;}.div是你要取消滚动条的盒子
2022-03-01 16:04:08
1090
原创 vue 导入
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body > <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action=
2022-02-22 14:20:38
326
原创 Vue element 自定义表单验证(手机号校验 )
<el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm"label-width="100px"><el-form-item label="手机号"prop="phone"><el-input v-model.number...
2022-02-22 13:50:49
753
原创 vue 中实现文件excel 下载
Vue 下载导出excel文件 axios({ method: 'post', // get 或者是post请求 url: '/api/street/jobRecord/export', // 请求地址 data: params, // 请求参数 headers: this.sessionKeys...
2022-02-22 11:05:46
502
原创 Javascript常用的数组方法,数组的常用方法总结
数组方法有哪些请简述push() 从后面添加元素,返回值为添加完后的数组的长度arr.pop() 从后面删除元素,只能是一个,返回值是删除的元素arr.shift() 从前面删除元素,只能删除一个 返回值是删除的元素arr.unshift() 从前面添加元素, 返回值是添加完后的数组的长度arr.splice(i,n) 删除从i(索引值)开始之后的那个元素。返回值是删除的元素arr.concat() 连接两个数组 返回值为连接后的新数组str.split() 将字符串转化为数组
2022-01-19 15:34:51
66
原创 Vue的form表单实现下拉搜索框vue下拉框可搜索
在<el-select> 中,加上 filterable 即可(v-model.trim:是过滤输入的空格),clearable:输入框带清空输入内容的功能
2022-01-18 10:52:09
2018
转载 vue 生命周期(详情版 面试题+代码)
1.什么是生命周期?生命周期: 是指一个事物从产生,到最后消亡的整个过程;vue:vue 实例 组件的生命周期: 实例,从创建到消毁的整个过程;在不同的生命周期,可以执行不同的操作;2.beforeupdate 和 updated 的区别是什么?beforeupdate 数据在内存中更新完成,但是在页面节点中还没有更新的;updated data中的数据更新后才触发;在内存与页面中都更新了
2022-01-13 16:45:15
180
原创 vue input输入限制十六进制 使用空格隔开
vue 限制十六进制 使用空格隔开 <el-inputv-model="ruleForm.instruction" style="width: 70%" placeholder="请输入异常指令" @input="hexadecimal" ></el-input>
2022-01-13 15:41:14
1091
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人