G.E.M.千百度的博客

webstom快捷跳转jsconfig.json的配置

vue项目使用quillEditor富文本编辑器

解决vue跳转出现白屏或闪屏现象

前端通过JavaScript实现 搜索、分页、排序 等功能搜索 /** * 按名称搜索 * @param array 源数组 * @param value 搜索的值 * @returns {*|[]} */ queryList(array, value) { let list = [] list = array.filter(item => { return item.name.inclu

一、什么是渐进式框架？Vue 是一套用于构建用户界面的 渐进式框架。什么是渐进式框架？ 简单理解就是：Vue不强求你一次性接受并使用它的全部功能特性。Vue 被设计为可以自底向上逐层应用，也就是说用你想用或者能用的功能特性，你不想用的部分功能可以先不用。举例来说场景一：如果你只是使用Vue做一些基础操作，如：页面渲染、数据的双向绑定、或者一些Vue的指令，只要按需引入即可，并不需要你去引入其他复杂特性功能。场景二：如果我们想实现代码组件化，实现代码的复用，或者是基于组件原型的跨项目的代码复

一、概要无论是前端分页和还是后端分页，最终都需要拿到两个参数：pageNum（当前页）、pageSize（每页多少条）。前端分页的实现：向后台发送请求，获取全部数据，前端通过pageNum、pageSize对数据进行处理，最终得到相应的分页数据后端分页的实现：向后台发送请求，传入pageNum、pageSize两参数，直接得到相应的分页数据二、实现ElementUI 提供了 el-pagination 组件，只要配置相应得参数和事件，即可实现分页。 <div class="pag

一、概要实现思路： 前端点击下载文件向后台发送请求–>后台以流的形式响应–>前端接到响应后通过Blob对象获取下载路径–>最终通过a标签实现下载。注意： 请求时一定要加上 responseType = ‘blob’ ，不然下载的文件会出现乱码。#mermaid-svg-roCnZcYDPWVS34Vl .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);f

Vue中关于ElementUI上传组件Upload的整理一、概要二、功能梳理1、Attribute2、Methods3、Slot三、代码示例参考文档一、概要ElementUI为我们提供了上传组件Upload：（以下功能 ElementUI官网 均有演示）可以使用 drag 设置点击或者拖拽上传文件。可以通过 slot 自定义的上传按钮类型和文字提示。可以通过 limit 和 on-exceed 限制上传文件的个数和定义超出限制时的行为可以通过 before-remove 来阻止文件移

/** * 本算法来源于简书开源代码，详见：https://www.jianshu.com/p/fdbf293d0a85 * 全局唯一标识符（uuid，Globally Unique Identifier）,也称作 uuid(Universally Unique IDentifier) * 一般用于多个组件之间,给它一个唯一的标识符,或者v-for循环的时候,如果使用数组的index可能会导致更新列表出现问题 * 最可能的情况是左滑删除item或者对某条信息流"不喜欢"并去掉它的时

Vue父子组件之间的传值一、概要二、实现1、通过 Prop 向子组件传递数据2、通过 $emit 向父组件发送信息三、props 配置参考地址一、概要在vue中，父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送信息。二、实现1、通过 Prop 向子组件传递数据如何在组件上注册的一些自定义 attribute，Vue为我们提供了 props 数据选项。我们能够在组件实例中访问这个值，就像访问 data 中的值一样。父

ElementUI表单验证整理摘要：使用方法：1.绑定2.触发、重置、移除3. 自定义校验规则参考地址：摘要：Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可，如下：rules为验证规则，field为表单字段名。<el-form :rules="rules"> <el-form-item prop="field"></el-form-item>&lt