![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目
DDDDDDDDDDDDDDqd
这个作者很懒,什么都没留下…
展开
-
JS-对象数组去重操作
项目实战中,遇到了需要在对象数组中去重的操作,无奈学术尚浅,特此记录一波。需求如下:const arr = [ { "title": "百度两下", "start": "2021-10-16", "end": "2021-10-16" }, { "title": "百度两下", "start": "2021-10-16", "end": "2021-10-16" }, .原创 2021-10-16 11:26:47 · 214 阅读 · 0 评论 -
【Web前端】vxe-table组件之实践运用
前言vxe-table组件是小弟在开发时,遇到的比较有趣、且实用的nice组件哦。刚开始接触时还比较头疼,可是后面发现竟如此funny呢。下面附上api文档哟:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install事情是这样的,我遇到了一个需求:大致内容是这样的,对移动端底导航进行配置,然后将数据保存在pc端,并通过如下表格保存。刚开始接触,“这是咩呀”。后来在大佬的指引下我找到了今天的主角 —— vxe-ta原创 2021-09-16 18:04:27 · 2804 阅读 · 1 评论 -
vue项目 - svg格式的icon图标无法显示颜色
前言在项目中遇到svg格式的icon图标无法显示颜色,这个问题。尝试过很多方法,最后发现不是代码的问题,而是iconfont图标库中没有配置好。1. 发现问题如下当点击菜单选项时,icon和文字同时变色。2. 解决方案第一步:在iconfont图标库中找到该图标,点击批量操作第二步:图标去色第三步:重新下载图标至项目文件中,最后重启项目这时,图标就有颜色啦...原创 2021-08-10 11:52:35 · 1672 阅读 · 0 评论 -
js判断对象数组中是否存在某个对象类型
前言做项目时遇到这个问题——判断对象数组中是否存在某一对象,这个不能用寻常的方法来检测了。1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -12. 要只是判断的话是可以遍历后判断对象的属性是否相同的,像这种:arr.forEach(item=>{ if(item.name==='Alex'){转载 2021-08-05 16:22:06 · 220 阅读 · 0 评论 -
vue项目 - 新建一个路由步骤
前言小弟在研究项目时遇到了一个任务 —— 新建一个跳转页面,而这个页面就需要配置路由。1.首先需要在你想要找到你想要新建页面的父目录,在其之下创建新的目录,用于存放vue文件这里是,我想要在user-center用户中心中新建一个子菜单,子菜单中包含sync-log这个路径。2. 第二步,我们需要打开新建的index.vue文件,配置一波基础vue代码主要是添加name属性,好让全局发现。<template> <div class="sync-log">原创 2021-07-24 15:32:41 · 464 阅读 · 1 评论 -
JS判断颜色是否为深色 阀值
前言碰到一个有趣的项目需求,判断颜色的深浅,若为深色则设置浅色阴影;反之,设置深色阴影。本来没有头绪,怎样从才能知晓她的深浅呢,百度一下就tmd有了结果。// arr为用于存储rgb的三个数据var $grayLevel = arr[0] * 0.299 + arr[1] * 0.587 + arr[2] * 0.114;知道其原理,则可以开始实践了… <div id="app"> <div :style="bgc"></div> &l原创 2021-07-01 10:05:29 · 1857 阅读 · 0 评论 -
Vue项目-elementUI组件库中form表单的rules表单验证属性
前言一般适用场景为,新建用户,打开模态框出现必填项,若不填则爆红。伪代码如下: <el-form ref="addForm" :model="formValue" @submit.native.prevent :rules="rules" > ... </el-form>export default { minxins: [ValodataMixin], d原创 2021-06-29 12:25:59 · 331 阅读 · 0 评论 -
Vue项目如何局部更新数据
前言在Vue项目中promise函数实现与后台交互时,发现有些只需要改一个数据的接口,但仍然不得不再次调用查询所有数据接口当我们只需要更改/切换表格数据中的状态栏时,我们原本的代码是:const request = { ...apis.UPDATE_WORK_STATUS }; request['params'] = { id, workStatus }; this.$request(request) .async原创 2021-06-28 17:53:30 · 1121 阅读 · 0 评论 -
Vue项目中$t()的意义
一般项目vue文件中将会把中文字符的数量拉至最低,而这些中文字符跑到哪里去了呢?我们需要用一个文件容器来储存他们。栗子:<el-form-item:label="$t('staffManage.modal.userName')"prop="userName"class="is-required"> <el-input v-model="formValue.userName" :placeholder="$t('staffManage.modal.placehol.原创 2021-06-28 17:06:31 · 15084 阅读 · 0 评论 -
Vue项目-家政服务平台之登录&顾客管理篇
家政服务平台后台管理系统前言该文记录博主做项目时的大致流程和遇到的问题及如何解决。视图:基于vue框架,大量运用ElementUI组件;数据:从云服务器上通过若干接口传输到项目。综合运用了项目依赖【dependencies】axios,element-ui,vue,vue-router,vuex本文是基于其中一个小模块-顾客模块,展开来说的第一步-项目部署:有以下三种方法:部署到自己的云服务器上部署到本地直接调用别人已经部署好的接口这里以部署本地为例(简):第一步:在Nav原创 2021-06-13 16:38:40 · 938 阅读 · 0 评论