Judith_p的博客

原创 el-table的树形结构后端返回的id没有唯一键怎么办

首先尝试了表格的几个字段用-拼接成唯一键 但是仍报错 只好自己利用uuid库生成；

原创 el-table表格展示和传值分隔写法

首先是表单添加进表格 表格展示的值要是label 传值要value。注意：表格增加:formatter方法。

原创 vue的el-button防止重复点击

这样效果仅生效在按钮上。

原创 vue的计算string和number类型的转换

利用javascript的parseFloat方法即可；

原创 vue2利用全局事件总线进行页面刷新

实现目标：页面2编辑成功以后 页面1进行事件刷新更新数据。页面1代码：1.同样引入------

原创 vue提交时表单校验

由于格式需要 在写html时按照三个表单写 实际为一个表单 怎么在提交按钮时校验整个表单?rules 和model可以设置一致 而ref是三个表单不可以一致的 拆分命名。

原创 vue前端开发两个窗口之间的互相通信

这个方法本地测试没问题后测试环境无法使用 解决无果后换了方法二用localStorage存储信息 发现依然不可取 ------可能是代码哪里不到位或者版本问题。一个页面window.open了一个新窗口，要关闭新窗口的同时进行老窗口的路由跳转。方法1：网上查找的postMessagr方法。方法三:在新窗口构建老窗口的url跳转。在老的窗口进行消息接收监听进行路由跳转。

原创 浏览器放大缩小后el-select 和el-date-picker的位置错位解决

解决办法：element的特有属性，select加:popper-append-to-body="false" date-picker加:append-to-body="false"

原创 el-select利用自定义filter-method筛选数据

根据原本filterable属性无法实现拼接后的模糊搜索 所以需要借助filter-method。

原创 this.$store进行数据存储

由于接口登录方式为dispatch 所以用了Vuex store存储数据 而进行vuex则需要在user.js中定义。背景条件：在登录时获取登录接口返回的登录人信息，存储到本地 然后再在需要的时候拿取校验。而接口获取呢就更简单了直接setItem。

原创 vue+element动态展示列

后端接口返回为user数组 每个列为一个“”

原创 IDEA 键盘上进行粗光标和细光标的转换

如何进行转换：键盘的右侧先按下NumLock 然后按下同侧的 0（INS)如图：粗光标会将新增的代替原有的。

原创 vue监听下拉选项选值（子父组件使用）

具体需求可以根据prop写代码 比如监听赋值等。

原创 vue el-upload对文件大小进行1M限制

对某些特定需要限制的上传文件绑定的字段进行限制。

原创 vue中路由跳转 切换tab页需要保存之前操作怎么办

如图所示 我需要草稿和新建流程页面切换 草稿页面之前的操作（比如填写页面 比如查询后页面等）仍保留。而对于若依系统 菜单管理中自带是否缓存但注意一定要填写组件名称。使用vue中的keep alive组件。

原创 el-form的label和content上下布局

在el-form-item增加flex布局 上下对齐。

原创 vue中parseTime时间戳转换（展示有无时分秒）

原创 vue框架前端登录进行RAS加密传输

最后就可以将this.usernameRas 和 this.passwordRas 作为加密后的账号密码进行参数传输登录接口。第四步：将需要进行加密处理的参数进行RAS加密。第一步：npm i jsencrypt。第二步：js文件添加公钥接口。第三步：登陆页面引入。

原创 实现el-checkbox加el-input的联合使用

实现效果:某个特定的勾选框可以填写数据。代码：父组件定义字段。

原创 微前端QIANKUN(VUE2)的详细建立demo记录

第一步： vue create XXX （你的主应用和微应用命名）选择vue2版本。第二步：更改主应用和微应用的配置。主应用：app.vue。

原创 vue配合浏览器的放大缩小效果

app.vue 文件设置style样式 zoom 备注(:style="{ transform: 'scale(' + esize + ')' }"使用transform有缺陷 缩小会有空白放大有页面部分丢失）

原创 vue项目启动html右键浏览器运行

安装插件。

原创 无法直接设置rules规则时，怎么做必填图标

实现效果:样式;v-if需要必填的字段在data里面定义：

原创 实现动态的el-tab-pane

其中，analysisSheet是一开始进去页面只有新增按钮和form表单的切换设置。饿element:其中el-row是sheet页展示的form表单。提要：业务需求，点击新增支持可扩展的sheet页，如图所示。

原创 前端导出的两种方式

2.然后进行接口调用获取url=》我这里url是在res.data.label下，最后设置名称，如果命名还要加导出的当天日期注意用模板字符串。导出：如果不做要求，直接浏览器导出。1.首先进行定义方法利用url下载。

原创 前端el-option禁止选项回流

1.首先确定最新阶段，我这里是后端排序完成所以我获取接口的最后一个数组作为禁用选项。2.基于父子组件传值，将laststage传给子组件。提出需求选过的选项（阶段）无法再次填写数据。3.子组件接收并设置选项。

原创 前端配置表

3.渲染页面时再次处理数据：校验是否为纯数字，如果是数字则为id所以进行处理。前提条件：一个选项配置表，她的id和名称，便于后续用户自己更名代码不用需改。前端传追不传value而是id，于是前端进行id与value的相互映射操作。2.保存数据时处理该选项为传值id。1.定义数组等于选项数组。

原创 js通过控制台修改value的输入值 限于input标签

原创 前端网页标签设置

前端网页标签图标设置

原创 前端菜鸟小记

实现点击新增按钮弹出tableData1，当勾选的数据展示页面tableData上，要求展示tableDta的数据无法重复-----利用唯一标识和过滤筛选表格数据。

原创 前端菜鸟小记

el-select v-model="listQuery.data.qw"placeholder="请输入"clearable filterable allow-create >ele文档提供的属性allow-create 即可实现。需求：要求el-select可手填可下拉。

原创 前端菜鸟小记

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: []

原创 vue 前端菜鸟记录贴

day1：功能实现：点击表格的某个字段出现弹框效果。