- 博客(16)
- 收藏
- 关注
原创 vue3+element-plus列表复选框分页保持之前的选中状态,且可回显上次已提交勾选的状态(下篇)
点击提交按钮,进行数据提交。再次打开弹窗列表接口返回上次提交的选中数据,页面需要进行回显,已回显的选中数据支持取消勾选且翻页后继续保持取消勾选的状态。问题1:初始化时进行一次列表接口请求,翻页时也需要进行列表接口的请求,如果每次都将接口数据赋值给自定义变量,那数据永远删除的都是上次操作的最后一条数据,删除多个时会有问题。思路:将接口返回的选中状态的数据进行储存,如果取消勾选的该项的id匹配到接口返回的数据,则从储存的数据中删除该条。解决问题1:请求列表接口时,只将初始化时拿到的数据进行保存,翻页时不保存。
2024-01-18 16:34:57 642 1
原创 jq中文件 上传的方法
$(function () { var fileLen ="" var upImageLen ="" var getDataList ={ init:function(){ this.addListenner(); } addListenner:function(){ var self = this; //附件上传 $("#upload_file").on('change',.
2021-12-01 14:56:15 1916
原创 jquery中面向对象的函数
$(function () { var getDataList ={ init:function(){ this.addListenner(); } addListenner:function(){ var self = this var url = bpmUrl + "/workflow/anonData/g...
2021-12-01 14:16:59 381
原创 jquery获取链接中的参数方法
function getUrlParms(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var getHref = decodeURI(window.location.search) var r =getHref.substr(1).match(reg) if(r!=null) return unescape(r[2]); return null;.
2021-12-01 14:02:44 1055
原创 window.location对象详解
window.location.href(当前URL)结果如下:http://www.myurl.com:8866/test?id=123&username=xxxwindow.location.protocol(协议)结果如下:http:window.location.host(域名 + 端口)结果如下:www.myurl.com:8866window.location.hostname(域名)结果如下:www.myurl.comwindow.lo
2021-09-02 13:59:32 189
原创 使用jq时window的用法
1.重新刷新页面使用window.location.reload//模态框中右上角关闭图标点击刷新页面$("#refresh-box .close").click(function() { window.location.reload();})window.location.reload2.打开新页面使用window.location.herfwindow.location.href = "https://bjtest.xdf.cn/passport//user/detail";
2021-09-02 10:54:14 893
5.ts中实现继承extends、super
class Person { name: string constructor(name: string) { //构造函数,实例化时触发的方法 this.name = name } run(): string { return `${this.name}在吃饭` }}class Web extends Person{ constructor(name: string) { super(name...
2021-05-30 19:32:36 669
原创 4.ts中如何定义类
class Person { name: string constructor(name: string) { //构造函数,实例化时触发的方法 this.name = name } run(): void { console.log(this.name) }}var p = new Person('张三')p.run()class Person { name: string constructo...
2021-05-30 19:28:30 450
原创 3.ts中函数的定义
(1)函数声明法function run():string{ return 'run'}// 匿名函数var run2=function():number{ return 123}run2()(2)ts中定义方法传参function getInfo(name:string,age:number):string{ return `${name} ===${age}`}getInfo('张三',20)(3)没有返回值的方法function ru...
2021-05-30 19:15:45 228
原创 2.ts中的几种数据类型
(1)使用ts定义数组有两种方式// 定义number类型的数组// 方法一:let arr:number[]=[1,3,4,5] console.log(arr) //[1,3,4,5] // 方法二:let arr:Array<number>=[1,3,4,5]console.log(arr) //[1,3,4,5]// 定义string类型的数组// 方法一:let arr:string[]=['web','java']console.log(arr) /
2021-05-30 16:40:35 634
原创 三.数组去重的方法
1.使用Indexof进行数组去重var arr = [1, 3, 4, 6, 67, 89, 3, 5, 7, 6, 1] function fn(arr) { var newArr = [] for (var i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) < 0) { newArr.p...
2021-05-30 15:41:15 54
原创 二、数组的排序方法
1.sort()排序let arr =[2,4,5,7,1,56,89,34] arr.sort(function(a,b){ return b-a }) console.log(arr)// [89, 56, 34, 7, 5, 4, 2, 1]2.选择排序选择排序是将一个数组的相邻两项进行比较,如果前一项比后一项大则交换位置,这样每一轮都能得到一个最小值var arr = [2, 4, 5, 7, 1, 56, 89, 34] ...
2021-05-30 15:33:49 110
原创 一、Object.keys()的用法
1.遍历一个对象得到一个数组: (1)使用forEach进行遍历: var queryData = { name: 'zhangsan', data: '20211212' } Object.keys(queryData).forEach((k) => { console.log(queryData[k]) //[name,data] })(2)使用map进...
2021-05-30 15:32:16 805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人