在签出前请清理存储库工作树 vscode里git拉取远程修改时提示:在签出前请清理存储库工作树vscode里git拉取远程修改时提示:在签出前请清理存储库工作树项目中有代码未提交，需要先提交再拉取。我这里是和同事写了同一个需求，对方已经先写好传远程了，所以只需要拉取不需要提交快捷键ctrl+~打开终端（或者vscode里的git树上界面化操作）1.git stash 把当前未提交的修改暂存起来，让仓库还原到最后一次提交的状态。2.git pull 拉取远程仓库的代码，让你现在的代码和远程仓库一致3.git stash p
vue和vuex版本对应问题 项目场景：使用vuex实现全局数据管理问题描述vuex项目中store挂载失败报错截图：原因分析：下载安装包下载了最新版本（vuex4版本）。最新版本：npm#npm install vuex@next --saveYarn#yarn add vuex@next --save错误版本截图：版本要求:在vue2中，要用vuex的3版本npm#npm install vuex@3 --saveYarn#yarn add vuex@3 --save在vue3中，要用v
vue+echart图表数据切换 vue+echart图表数据切换前言一、效果图二、代码演示1.准备阶段2.HTML片段3.js片段4.css片段总结前言最近有个需求，同一个echart图表点击切换不同数据，花了点时间实现了，感觉比较常用，记录一下方便下次CV自己的。刚看到设计图时想做成tab切换，每个tabContent里放一个图表，先不管切换时会不会出现图表尺寸自适应问题，只是代码就很冗余。后来分析后想，既然图表还是同一种图表，那是不是只切换数据就可以，于是就做成现在这个。一、效果图保函数量:保费收入:担保金额
中国地图以及各个省份json数据 中国地图以及各个省份json数据1.获取方式传资源好像需要花费点币才能下载，这里就直接放百度网盘地址吧1.获取方式一：链接: https://pan.baidu.com/s/1FRsrFSEnM2cPjJN0-Znnew提取码: fk5h 复制这段内容后打开百度网盘手机App，操作更方便哦2.获取方式二：微信二维码获取：2.内容截图内容截图：...
自定义滚动条样式 滚动条美化：原生滚动条不是很好看，能拯救一下还是要拯救的。1.滚动条的属性们：1、滚动条的属性（可选项）/* 滚动条整体部分 */::-webkit-scrollbar {}/* 滚动条里面滑块，能上下左右移动(取决于是垂直还是水平) */::-webkit-scrollbar-thumb {}/* 滚动条的轨道(里面装有thumb) */::-webkit-scrollbar-track {}/* 滚动条轨道两端的按钮，允许通过点击微调小方块的位置 */::-webkit-
几个html+css常用表格 几个常用的纯html+css表格：有时候ui框架提供的表格并不能完全满足我们的需求，这时候就需要手写表格了。我把最近用的到几个表格存一下，方便以后CV。1.普通斑马纹表格（公司信息、个人信息表）：例如：1、 效果图2、 HTML代码 <table class="printTB detailTb gua-detail-table" cellspacing="0" cellpadding="0"> <tbody> <
vue+element+echarts echarts图表自适应宽高的百分比被渲染成具体的px 项目场景：封装自适应的echarts图表在多个页面里复用问题描述：封装了一个自适应的echarts图表组件，在一个页面里没有任何问题，在另一个页面里初始化时宽高90%被渲染成了90px，在调整窗口宽度后变为正常。初始化时效果图,这时候的canvas宽高都是90px：html代码：myEchart是图表组件<el-tabs> <el-tab-pane label="保函统计"> 保函统计 </el-tab-pa
前端组件自动注册 前端组件自动注册前端组件自动注册1.创建一个js文件命名autoRegister.js2.在main.js中引入3.在需要的页面用标签的方式引入4.图解步骤5.SvgIcon 组件（在第一段代码的注释里提到的）前端组件自动注册组件太多的话写一个注册一个确实有点麻烦 ，使用组件全局自动注册的方式吧。1.创建一个js文件命名autoRegister.js在components 里创建一个js文件命名为autoRegister.js。当然也可以命其他名字，但最好是有语义的，方便后期维护时理解全局自动注
el-row里的栅格不在同一行 el-row里的el-col不在同一行显示按照elementui文档写的，其他几行都没有问题，有一行里面的col 被分成了两行显示代码如下： <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="分包负责人"> <el-input v-model="form.operatorName" disabled></
关于 vue+elementui 里 路由跳转方式、echarts 的一点随笔 关于 vue+elementui 里 路由跳转方式、echarts 的一点随笔1.vue中路由跳转1.vue+elementui 面包屑导航to 路由跳转对象，同 vue-router 的 to 接收string/objectreplace 在使用 to 进行路由跳转时，启用 replace 将不会向 history 添加新记录 接收Boolean 默认false<el-breadcrumb-item :to="{ path: '/manage' }">首页首页首页首页</
vue+element里实现回车键聚焦input vue+element里实现回车键聚焦input话不多说先看效果图，然后直接上代码这是HTML <el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm"
2021-06-08按行绑定数据 按行绑定数据1.需求：看下图，实现点击每一行的 详情 按钮或其每一行的详情点击详情按钮前：点击详情按钮后出现弹窗，弹窗里的信息就是 id对应的数据实现过程：需要往后台提供的接口里传 此行对应的id2.代码演示： <el-table-column prop="sort" label="详情" show-overflow-tooltip> <template slot-scope="scope"> <el-butto
el-option显示value而不是lable el-option显示value而不是lable1. 问题描述问题：想要的效果：2.问题分析value应该是数值型，但我收到的是string直接用了，所以需要转换一下我的value值是从后台拿到的，是一个string类型下图是后台返回的数据截图，注意看红框数据类型是string原代码：<el-form-item label="法人职务" label-width="110px" prop="position"> <el-select v
两个数组一一对应生成对象 映射思维1.如下代码：要求从 obj 转换成 arr//后台传给我的数据形式var obj={1: "有限责任公司"2: "股份有限公司"3: "个人独资企业"4: "个体工商户" }var arr=[//我需要的数据形式 {val:1,lable:"总经理"}, {val:2,lable:"总监"}, {val:3,lable:"财务"} ]2.映射过程代码演示：//1.声明三个数组arr1,arr2,arr3var arr1=[],arr
mock生成接口踩坑 mock生成接口踩坑1.问题描述：2.问题分析：3.解决办法：1.问题描述：使用mock生成两个接口，在接口名没重复的情况下，第二个接口始终只返回第一个接口的数据。话不多说看图如果将第一组数据和接口注释掉，则会返回第二组数据。2.问题分析：既然总是返回同一组数据，还是要怀疑接口名是不是存在重复，虽然看起来不重复，但是也想不到其它问题了，只能先试着排除重名问题。经过多次尝试以后，发现还真是接口名太相似导致的问题。3.解决办法：第二个接口名前几个单词不能包含第一个接口名。比如第一个接口叫 li
微信小程序组件不显示 小程序组件不显示解决办法：在index.json里注册一下组件。详细介绍如下刚准备上传图片时ctrl+shift+G一直弹出搜狗输入法设置如图切换成美式键盘就可以了。应该是和搜狗输入法的快捷键冲突了。下面进入正题：1.原本代码组件的wxml页面<!--components/NavHeader/NavHeader.wxml--><view class="header"> <view class="title">{{title}}</view&
块状元素水平垂直居中 块状元素水平垂直居中1.使用定位position: absolute;top:50%;left:50%;margin-top:-宽的一半；margin-top:-高的一半；div {width: 100px;height: 100px;background: #000;position: absolute;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;}2.使用定位，用外边框撑开position: abso
css文本溢出隐藏显示省略号 文本溢出隐藏显示省略号1.单行文本溢出隐藏省略号.text{ white-space: nowrap;//强制不换行 overflow: hidden;//溢出内容隐藏 text-overflow: ellipsis;//文本溢出出现省略号 }2.多行文本溢出隐藏显示省略号overflow: hidden;//溢出内容隐藏/* text-overflow: ellipsis; */display: -webkit-box;-webkit-line-clamp: 2;//设置可
关注
