- 博客(36)
- 收藏
- 关注
原创 cookie loaclstroage 和sessionstorage三者都是在开发中用到的临时存储客户端会话信息或数据的方法 三者的区别如下:
2.sessionstorage的有效期是仅保持在当前页面,关闭浏览器当前对话页或浏览器后就会消失。1,cookie会参与到服务器通信中,一般会携带http请求头部中,例如一些关键的密钥验证。1.cookie的存储是4kb左右 存储量较小,一般页面存储20条左右信息,sessionStorage.setItem('数据名','数据值');3.localstorage的有效期是在不手动删除的情况下一直有效的。2,l和s是单纯的前端存储,不参与服务器通信。(1)cookie的创建。(2)cookie的读取。
2023-09-06 11:44:17
1729
原创 【无标题】
vue中点击事件直接在元素中使用@click="click"即可,但是有时在一个元素中包含了子元素,而且父元素和子元素都有点击事件,此时我们希望的点击效果就是:点击子元素区域的的时候,不触发父级元素的点击事件,此时就要用到@click.stop="subclick"1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符)子组件内部处理click事件然后向外发送click事件:$emit("click".fn)
2023-08-14 10:13:23
108
原创 【无标题】
3..@click.native="$refs.seting.open()"----------------------------调用seting中的open方法。1..import topSetting from './top-setting'------------------------------引用子组件。2..<top-setting ref="seting"/> ----------------封装的子组件。4..父组件:open(){
2023-08-14 09:52:54
49
原创 动态label 类型 表单动态校验
需求:label为int型只能添加数值 label为char型只能添加一个字符 label为timestamp型input框为el-date-picker时间筛选。placeholder="选择日期时间"placeholder="请输入"
2023-07-18 15:54:46
181
原创 input校验
el-form-item label="授权密匙(Key)" v-if="form.value.platformType === 2" prop="value.hundredApiKey" :rules="form.value.platformType === 2?<el-input v-model="form.value.hundredApiKey" placeholder="请输入授权密匙(Key)" />当前面的表单为char或varchar 后面input必填 否则非必填!
2023-07-13 18:15:17
72
原创 清除表单验证时
this.$nextTick(()=>{ this.$refs['form'].clearValidate() // 只清除清除验证 })this.form = { };//会undefined。只清除验证不清楚表单内容。清除表单验证时不需要。清除内容和验证消息用。
2023-05-25 15:37:02
124
原创 设置表格嵌套表单时的添加和批量删除
在设置表格嵌套表单的添加和批量删除时 可以先获取勾选的rows值,在数据中插入隐藏的id自增,foreach一循环 splice一删除 就ok了 好用好用 啦啦啦啦啦~~~~
2023-05-04 16:05:13
102
原创 js常用小技巧
字体大小:小中大//事件源对象event.srcElement.tagNameevent.srcElement.type//捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();//事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey//事件返回值event.returnValue//鼠标位置event.xevent.y//窗
2023-03-23 11:17:07
116
原创 关于vue实现多选 ,全选
{‘id’:4,‘text’:‘车厘子’ },{‘id’:2,‘text’:‘枇杷’ },{‘id’:3,‘text’:‘榴莲’ },已选项 :{‘id’:1,‘text’:‘西瓜’ },{id: 7,text: "车厘子"},SelectId: [], // 已选列表。{id: 1,text: "西瓜"},{id: 2,text: "葡萄"},{id: 3,text: "香蕉"},{id: 4,text: "榴莲"},{id: 5,text: "柚子"},{id: 6,text: "枇杷"},
2022-11-17 15:16:38
265
原创 js对象的key value之间的中文转换
console.log(index) //笔 本。var object = {'笔':'2','本':'4',}输出 --------0:{deptname:'11'}输出 --------['11','22','33']
2022-08-03 15:48:46
891
原创 前端面试题之html&css
1.简述chome盒模型与IE盒模型的区别?每个元素在页面中的占位大小=content+padding+margin+borderchrome盒模型大小为content大小IE盒模型大小为content+padding+border的和2.行内元素和块级元素行内:span a b strong img input textarea select em del块级:adress center h1 p ul ol dl table div form3.什么是弹性布局?解决某元素
2022-04-19 16:04:30
1005
原创 关于前端的那些事之搭建前端框架
1.首先需要安装node.js 从官网上下载node即可Node.js 或搜索node历史版本2.安装vue-clinpm install vue-cli -g3.新建项目vue init webpack vue-project一顿yes4. cd vue-project npm run dev5.启动项目在所在的vue-project里安装npm i 安装依赖 不行就cnpm i...
2022-04-08 14:07:30
974
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人