自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(59)
  • 资源 (3)
  • 收藏
  • 关注

原创 如何从gitee码云上把代码下载到本地

1、首先我们在本地电脑桌面上新进一个文件夹2、右键文件进入终端:点击git bash here 进入终端。输入初始化文件夹,变成Git可管理的仓库,命令 :git init可以发现文件夹里面有个.git文件夹,它是Git用来跟踪和管理版本库的3、输入命令并加入复制的地址:git clone “你的仓库地址”,地址在gitee复制:在终端输入:查看文件夹可以了:...

2021-11-19 10:32:51 13057

原创 如何把自己的代码提交到gitee码云上

1、登录/注册gitee,新建一个仓库2、初始化本地仓库安装下载地址:https://git-scm.com/downloads在自己项目文件夹,右键选择 git bash here,输入git init把自己本地仓库与gitee上的仓库关联起来,链接地址可以打开gitee仓库点击管理复制:如果输入这句命令以后报错:fatal: remote origin already exists.解决的方法就是:删除远程 Git 仓库git remote rm origin再次重复输入g

2021-11-18 17:30:10 1287 3

原创 element----el-upload附件上传与附件回显

开发中经常也会遇到附件的上传和回显,最方便的就是我们封装一个公共组件在页面中引用1、上传在src里面新建一个文件夹<template> <el-upload class="upload-demo" multiple :limit="limit" :accept="accept" :headers="headers" :file-list="fileL

2021-11-18 10:24:08 6453 2

原创 element-----el-calendar 日历使用事件处理

如果使用官网日历el-calendar,要使用右上角自带的切换事件,我们可以需要他别处理:在create里面处理逻辑就可以了: created: function() { this.$nextTick(() => { // 点击前一个月显示前一个月考勤打卡展示 const prevBtn = document.querySelector( '.el-calendar__button-group .el-button-group>butt

2021-11-16 15:00:06 4195 2

原创 vue(router)点击重复路由报错解决方法

项目中点击菜单会发现重复点击一个路由会报一下错误:解决这个错误的方法可以在路由里面写上一段代码,就能解决了const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err)}```...

2021-11-12 14:59:47 845

原创 treeselect 多选回显容易出错的注意点

如果使用treeselect 组件,那么多选的情况下,父子不联动要加上属性 :flat=“true”。可去官网查看:https://www.vue-treeselect.cn/#flat-mode-and-sort-values在一次项目中出现bug,我绑定的字段提交的时候是数据格式的,但是后台回显的时候后台返回的是字符串,这时候就需要转换格式。(必须保证你提交的什么格式回显的时候就是什么格式,不能私自改变格式)页面:方法:回显数据处理:...

2021-11-12 11:01:30 2579

原创 mockjs数据模板使用

开发项目中,后台没开发好我们就自己模拟数据,一般有2种方式,使用mock,其次是自己写在页面里面烦人假数据。这个看自己喜好,我基本写是假数据,类似这样的还有就是使用mock数据模拟,自己可以看官网:http://mockjs.com/1、在项目里面首先安装mock:npm install mockjs2、在api里面新建一个mock.js,引入import Mock from ‘mockjs’3、api里面新建文件夹准备数据home.jshome.js数据可以自己写想要的,怎么简单怎么

2021-11-11 16:16:37 782

原创 vue+element 路由注意的地方

后台项目管理一般进入项目里面首先看到的是首页,首页一般要引进路由,否则会提示报错,每次我这个猪脑子都会忘记引入,而且不记得为什么报错,然后就问身边的小伙伴。。。。报错就是我们没有引入:所以我们就需要引入这个...

2021-11-10 15:30:47 412

原创 css 设置滚动条样式

我们开发中时常会遇到弹框,内容过长我们就需要自己设置滚动条,本身的滚动条很丑,这样我们可以自己重写一个自己满意的滚动条如果很多页面需要使用我们可以写一个公共方法,页面直接使用就好/** 滚动条样式修改*/.scroll-bar::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; // width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 5px;}.scroll-bar::-webkit-scrollbar-

2021-11-09 14:26:22 181

原创 table表格动态显示内容

经常在开发中,我们会遇见表格,但是一些复杂表格是不能用三方组件来写,我们需要自己写原生table来实现如果需要里面的内容是后台返回的,前端则需要循环表格:代码如下 <div class="header-menu" v-for="(item, index) in data" :key="index"> <table border="1" style="border-collapse: collapse;"> <tr>

2021-11-09 11:02:56 841

原创 element自定义背景更换

最近的项目中需要自定义背景更换。可以在element官网查看使用方法,有2中方法,使用了第一种比较简单的,第二种自己尝试了开头没有继续。在这里使用这个方法,在项目中新建一个js文件,并且全局引用在这个element-variables.scss里面内容可以官网复制过来/* theme color */$--color-primary: #1890ff;$--color-success: #13ce66;$--color-warning: #ffba00;$--color-danger: #

2021-11-04 15:19:29 1536

原创 el-table表格el-table-column根据不同得值,动态显示不同的颜色以及不同的文字

在表格里面最常见的就是列状态展示,尤其是2个以上状态展示还要区分不同的颜色。这时候我们就不能用三目运算去判断,我们可以使用JavaScript闭包,进行传值操作例如:在computed里面写入:最后实现就是这样:...

2021-11-04 10:23:43 8638 3

原创 微前端-qiankun使用

qinkun官方文档:https://qiankun.umijs.org/zh/guide首先我么可以通过vue创建2个项目:例如创建一个项目名为:qiankun-base;另一个名为:qiankun-vue(如何创建项目可百度搜)创建成功后,在qiankun-base项目中,我们使用element,首先安装npm i element-ui -S。其次在main.js引用:import ElementUI from 'element-ui'import 'element-ui/lib/them

2021-10-21 17:12:23 674

原创 el-dialog 弹框得引用

在前端得开发中,我们经常可能会遇到许多得form表单提交,那我们相应得就要写弹框,在我得开发中我经常会这样引用,例如组件得名称为AddTask ,在父页面中经常这样引用: <AddTask v-model="showing"></AddTask>这样引用在新增表单或者编辑得时候以及其他有可能会用到同一个这个组件,那么我们可以这样引用: <AddTask ref="placeDialog"></AddTask>在父页面方法中我们可以这样打开子组

2021-10-14 16:33:03 447

原创 附件文件流下载

附件下载:后台接口返回文件流:前端调取后台AP接口:一定要注意写上: responseType: “blob”,否则下载后内容为乱码export function downloadFile(query) { return request({ url: "/assess/file/download", method: "get", params: query, **responseType: "blob"** });}```在vue 页面中引入api ,接口

2021-09-22 14:58:50 217

原创 时间组件验证

表单中经常会输入开始时间和结束时间,怎样才能输入得结束时间不能小于开始时间:1、在utils文件夹下面新建js页面在全局引用此方法在vue页面中使用方法:页面中得方法是你所使用得日期组件对应事件,值根据自己情况使用...

2021-08-17 15:32:15 90

原创 (老是忘记)的屏幕适配web-移动端

第一步:安装npm install lib-flexible第二步:安装npm install --save-dev postcss-loader postcss-px2rem第三步:如果是web 新建flexible.js文件。移动端可以略过此步骤进行下一步在src下面的utils文件夹中新建 flexible.js文件,可复制粘贴:(function() { // flexible.css var cssText = '' + '@charset "

2021-04-14 17:18:28 182

原创 你要知道得前端小知识

css 一行文本超出…overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本超出显示…display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3.IOS 手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;4.

2020-12-16 11:58:49 121

原创 Cordova打包流程(其中一种简单的方法)

1、新建项目 ---------cordova create carder(文件名字) com.xtzn.carder leader(项目名称)2、cd carder(进入文件)3、运行 ----------cordova platform add android,安装平台4、检查环境 运行----------cordova platform ls5、打包测试apk----------- cordova build android(签名apk文件)1、运行keytool -genkey

2020-12-14 18:05:36 2943 5

qiankun 自己学习的组件练习

qiankun 学习

2022-06-07

vue+qiankun 父与子

vue+qiankun 仅供学习

2022-05-06

vue+element 主题背景颜色更换

vue+element 主题背景颜色更换demo

2022-05-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除