- 博客(25)
- 收藏
- 关注
原创 el-select利用自定义filter-method筛选数据
根据原本filterable属性无法实现拼接后的模糊搜索 所以需要借助filter-method。
2024-04-23 15:41:38 320
原创 this.$store进行数据存储
由于接口登录方式为dispatch 所以用了Vuex store存储数据 而进行vuex则需要在user.js中定义。背景条件:在登录时获取登录接口返回的登录人信息,存储到本地 然后再在需要的时候拿取校验。而接口获取呢就更简单了直接setItem。
2024-04-17 11:27:39 187
原创 IDEA 键盘上进行粗光标和细光标的转换
如何进行转换:键盘的右侧先按下NumLock 然后按下同侧的 0(INS)如图:粗光标会将新增的代替原有的。
2024-04-11 11:40:58 230
原创 vue中路由跳转 切换tab页需要保存之前操作怎么办
如图所示 我需要草稿和新建流程页面切换 草稿页面之前的操作(比如填写页面 比如查询后页面等)仍保留。而对于若依系统 菜单管理中自带是否缓存但注意一定要填写组件名称。使用vue中的keep alive组件。
2024-04-01 14:45:02 199
原创 vue框架前端登录进行RAS加密传输
最后就可以将this.usernameRas 和 this.passwordRas 作为加密后的账号密码进行参数传输登录接口。第四步:将需要进行加密处理的参数进行RAS加密。第一步:npm i jsencrypt。第二步:js文件添加公钥接口。第三步:登陆页面引入。
2024-01-29 11:09:24 223
原创 微前端QIANKUN(VUE2)的详细建立demo记录
第一步: vue create XXX (你的主应用和微应用命名)选择vue2版本。第二步:更改主应用和微应用的配置。主应用:app.vue。
2024-01-24 14:55:02 402
原创 vue配合浏览器的放大缩小效果
app.vue 文件设置style样式 zoom 备注(:style="{ transform: 'scale(' + esize + ')' }"使用transform有缺陷 缩小会有空白放大有页面部分丢失)
2024-01-15 17:41:45 510
原创 实现动态的el-tab-pane
其中,analysisSheet是一开始进去页面只有新增按钮和form表单的切换设置。饿element:其中el-row是sheet页展示的form表单。提要:业务需求,点击新增支持可扩展的sheet页,如图所示。
2024-01-03 10:05:18 702 1
原创 前端导出的两种方式
2.然后进行接口调用获取url=》我这里url是在res.data.label下,最后设置名称,如果命名还要加导出的当天日期注意用模板字符串。导出:如果不做要求,直接浏览器导出。1.首先进行定义方法利用url下载。
2023-12-26 11:15:49 404 1
原创 前端el-option禁止选项回流
1.首先确定最新阶段,我这里是后端排序完成所以我获取接口的最后一个数组作为禁用选项。2.基于父子组件传值,将laststage传给子组件。提出需求选过的选项(阶段)无法再次填写数据。3.子组件接收并设置选项。
2023-12-26 10:26:05 537 1
原创 前端配置表
3.渲染页面时再次处理数据:校验是否为纯数字,如果是数字则为id所以进行处理。前提条件:一个选项配置表,她的id和名称,便于后续用户自己更名代码不用需改。前端传追不传value而是id,于是前端进行id与value的相互映射操作。2.保存数据时处理该选项为传值id。1.定义数组等于选项数组。
2023-12-25 10:05:15 328
原创 前端菜鸟小记
实现点击新增按钮弹出tableData1,当勾选的数据展示页面tableData上,要求展示tableDta的数据无法重复-----利用唯一标识和过滤筛选表格数据。
2023-09-20 10:30:13 24 1
原创 前端菜鸟小记
el-select v-model="listQuery.data.qw"placeholder="请输入"clearable filterable allow-create >ele文档提供的属性allow-create 即可实现。需求:要求el-select可手填可下拉。
2023-09-05 10:12:16 28 1
原创 前端菜鸟小记
case 3: this.subcategories = [ { id: 8, label: "其他" } ];定义字段:selectedCategory: "", selectedSubcategory: "", categories: [ { id: 1, label: "选项1" }, { id: 2, label: "选项2" }, { id: 3, label: "选项3" }, { id: 4, label: "选项4" } ], subcategories: []
2023-08-16 15:48:04 27 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人