07 2022 档案

分享关于递归树形结构增删改查的方法
摘要：在使用树形节点或级联组件时常常会碰到根据id处理数据的情况 下面为大家简单介绍关于节点递归增删改查方法 根据目标id删除指定节点 /** * 根据目标id删除指定节点 * @param {*} list 数据源 * @param {*} targetId 目标id */ function delet 阅读全文
posted @ 2022-07-14 14:52 千秋岁岁岁 阅读(407) 评论(0) 推荐(0)
分享一些关于联调时处理数据结构的一些方法
摘要：在我们进行前后端联调时，往往会出现后端给到的数据在前端不能直接做渲染的情况 这个时候就需要处理后端返回的数据，转换数据结构前端再做渲染操作 当然如果和后端关系好~也可以让后端改成你想要的样子 以下简单介绍遇到过的情况和相应的处理 觉得有用的话也可以自行封装成工具类 后端返回线性结构数据，需根据rol 阅读全文
posted @ 2022-07-13 14:16 千秋岁岁岁 阅读(157) 评论(0) 推荐(0)
Vue+ElementUI封装简易面包屑组件
摘要：在实际项目中面包屑是非常常见的一个功能，用于切换层级选项 当然有的公司会使用TagsView导航栏，这个后续在做介绍 今天分享一个简易的面包屑组件，这边配合ui库进行封装 安装依赖，在main.js中引入 yarn add element-ui import Vue from 'vue' impor 阅读全文
posted @ 2022-07-12 15:40 千秋岁岁岁 阅读(1173) 评论(0) 推荐(0)
Vue+Mockjs如何模拟curd接口请求
摘要：在前后端分离的项目中常常会遇到当前端页面开发完成 但是后端接口还没好，暂不支持联调的情况下，一般我们会用到mock数据 这边简单说一下最常见且经常会遇到的curd接口模拟 注：这边可以和后端先约定好接口路径以及入参返参的字段，避免二次修改 安装依赖，新建js文件，在文件中导入mock.js，模拟列表 阅读全文
posted @ 2022-07-11 14:21 千秋岁岁岁 阅读(310) 评论(0) 推荐(0)
Vue如何批量注册组件
摘要：最近写项目碰到一个需求，左侧树形结构每个节点对应不同类型的表格，因表格类型各式各样，树形结构上还带有复选框全选功能 决定每一个表格单组为一个组件进行开发，在右侧使用动态组件循环加载展示，组件名定义为左侧树节点的唯一id 此时遇到一个问题就是在main-table组件中需要导入很多组件进行注册如下图 阅读全文
posted @ 2022-07-07 16:14 千秋岁岁岁 阅读(680) 评论(0) 推荐(0)
推荐Vue解决跨域问题比较实用的2种方法
摘要：首先我们必须要了解在什么情况下会出现跨域问题，即：当前页面的所在的源去请求另一个源的数据导致被提供接口的服务器拒绝 解决跨域的方式方法有很多种，例如script标签、jsonp、cors跨域资源共享等 这边为大家推荐两种比较实用的方法如下 1. webpack配置反向代理，首先可以在项目根目录中创建 阅读全文
posted @ 2022-07-07 10:25 千秋岁岁岁 阅读(3064) 评论(0) 推荐(0)
在联调form表单数据时，如何传递参数为formData格式
摘要：有时候在前后端联调接口时，后端会要求传递入参为formData格式如下图 入参要求是传递fromData格式 + 当前时间戳，具体实现如下 首先先模拟一个普通接口 const getGroupData = (data) => { return request({ url: 'rest/report/ 阅读全文
posted @ 2022-07-06 16:08 千秋岁岁岁 阅读(317) 评论(0) 推荐(0)