weixin_44683763的博客

原创 node版本切换（nvm）

同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用。低版本 10.15.3。2.2 nvm的使用。高版本 18.0.0。

原创 工作笔记记录

工作笔记

原创 echarts tooltip显示设置

代码】echarts tooltip显示设置。

原创 vue电子签名；pdf查看；百度api识别身份证；vue前端实现搜索

vue中实现电子签名vue-ele-sign插件手写签名（可横屏）pdf查看百度api识别身份证

原创 nginx反向代理记录

nginx记录

翻译 BEM规范

BEM

原创 2022知识点小记

vant 单元格样式vant 方框 background: #ffffff; margin: 10px 10px 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px 3px #eeeeee; box-shadow: 0 0 3px 3px #eeeeee;递归获取想要的数据结构.

原创 vant省市区回显

<van-field readonly clickable name="area" v-model="value" label="地区选择" placeholder="点击选择省市区" @click="villageShowPicker = true" /> <van-popup v-model="villageShowPicker" position="bottom"> <van-area value="320000" :area-list="area..

原创 日常报错记录

网上很多人说安装这个npm install --global --production windows-build-tools,可能有的电脑会解决问题，可以先试一下

原创 深拷贝与浅拷贝

深拷贝介绍浅拷贝介绍如何实现深拷贝？用 JSON.stringify 把对象转换成字符串，再用 JSON.parse 把字符串转换成新的对象但是需要注意的是 可以转成 JSON 格式的对象才能使用这种方法，如果对象中包含 function 或 RegExp这些就不能用这种方法了。Object.assign()拷贝当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝用递归的方式实现深拷贝lodash.cloneDeep()实现深

原创 deep——深入选择器

vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对所以子组件都生效，可以使用 /deep/ 深度选择器。<-- less语法 -->.wrap{ .class1{ font-size:12px; } /deep/ .class2{ font-size:20px; //对所有子组件生效. /deep/ .class3{ } //没有必要写多层deep 父类有deep

原创 element源码修改并上传npm

1、 先在git 上找到elemen-ui 的 源码，并 fork 到自己的 git里。 附上git 地址: https://github.com/ElemeFE/element2.修改elemen-ui 中的 input 组件，给 area 添加 长度500的限制，maxlength。在 element-ui 下的 packages 中 找到 input 组件修改3、修改完成了，让我们 打包。（npm上不需要包名重复，包括不能和别人的包名重复，所以记得把包名都改了） 我这儿，都给 起了个名字

原创 vue接口封装

axios封装请求拦截：请求标记已经存在，则取消本次请求，否则在请求列表中加入请求标记响应拦截：code==500，统一报错；不同error，不同处理报错// axios.jsimport axios from "axios"import { Message } from 'gdb-ui';let requestList = [];let cancelToken = axios.CancelToken;// 请求拦截axios.interceptors.request.use(

原创 vuex的使用——modules模块化

store文件夹目录1、main.jsimport store from '../store';new Vue({ store, render: h => h(App)}).$mount('#app')2、index.jsimport Vuex from 'vuex';import Vue from 'vue';import purchaseInvoice from "./modules/purchase/purchase-invoice"import purchase

原创 环境安装准备

Ps：个人习惯安装环境安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry

原创 发布自己的包到npm官方库

1、首先创建项目 生成package.jsonnpm initpackage name: (hktest) //包名，可更改，也可以使用默认（直接回车）version: (1.0.0) 0.0.1 //版本，可更改，也可以使用默认（直接回车）description: 演示上传npm包 //项目描述，方便别人了解你的模块作用，搜索的时候也有用entry point: (index.js) //指定了程序的主入口文件，可更改，也可以使用默认（直接回车）test command: //测试命令（直

原创 子组件调用父组件的方法

方法一：子组件$emit触发父组件事件 @click= "triggerBrotherMethods" triggerBrotherMethods() { this.$emit( 'clickBrotherBtn') },<template> <div> <son @clickBrotherBtn= "triggerBrotherMethods"></son2> </div></temp.

原创 Vue子组件给父组件传值

Vue子组件给父组件传值 需要使用自定义事件流程：1.子组件创建并监听自定义事件，2.在事件函数里面执行emit函数，通过emit把想传的值传给父组件3.父组件在子组件上监听emit定义的事件名称并绑定自身的函数，在函数的参数中接收子组件传递的参数。 @click= "triggerBrotherMethods" triggerBrotherMethods() { this.$emit( 'clickBrotherBtn'，"子组件的值") },<temp

原创 vue兄弟组件调用方法

兄弟组件调用方法方法一：组件二通过emit调用父组件事件，通过emit调用父组件事件，通过emit调用父组件事件，通过ref调用组件一中事件<template> <div> <!-- 子组件1 --> <son1 ref= "borther" ></son1> <!-- 子组件2 --> <son2 @clickBrotherBtn= "triggerBrotherMethods">&lt

原创 仓库组件（全部显示，按主体的仓库显示，回显仓库）

父传子；父组件通过:purchaserIdProps=“SDEditlForm.sellerId”，子组件用props接受watch监听（用于回显）@focus=“clickWarehouseId”；input输入框，主要通过foucs事件触发接口if (this.warehouseId) return；判断如果没有值，则不触发，防止多次掉接口减少性能消耗disabled: Boolean；:disabled=“disabled”<template> <!-- val.

原创 组件调用方法

父子组件调用，使用$emit监听更方便 // 组件，改变dealerId，清空数据 this.$emit('changeDealerId')//使用<pg-customerKA-name v-model="addForm.buyerId" @changeDealerId="changeDealerId"></pg-customerKA-name>

原创 echarts超大屏展示

模板githubps：可根据屏幕宽度自适应this.$refs.MonthlySales_ref.offsetWidth

原创 请求头部修改；数据回显，用watch数据监听

1.setTimeout，用buid显示2.

原创 日期选择器，本月、上月、上季度、本季度、上半年、下半年、本年、上一年

<gdb-date-picker v-model="value2" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right" :default-time="['00:00:00', '23:59:59']"></gdb-date-picker> ...

原创 vue后台系统全

https://panjiachen.github.io/vue-element-admin-site/zh/

原创 2021/7/22 小记

if (this.invoiceList.length == 0) { this.$message.error('请勾选') return }等于 if (this.invoiceList.length == 0) return this.$message.error('请勾选')2.取不到数据，试试延迟获取//取不到数据，试试延迟获取 created() { var that = this setTimeou...

原创 2021-07-13记录vue多样式判断

记录vue多样式判断 <span :class=" index<1?'active':'native'">√</span> <span :class="['gdb-return__hr', {'activeColor':index<1}]" v-show="index!=5"></span>

原创 2021-06-07

js1.findfind用法2.filterfilter用法3.map和forEachmap和forEach的用法和区别

原创 vuex，改变对象数值，不显示问题

vuex，改变对象数值，不显示问题1.mapGetters 工具函数会将 store 中的 getter 映射到局部计算属性中2.先把值保存到state，再gatters计算改变数组

原创 vue小技巧

getUrlParam() { let url = location.search; let theRequest = {}; if (url.indexOf('?') !== -1) { let strs = url.substr(1).split('&'); for (let i = 0; i < strs.length; i++) { theRequest[strs[i].split('=')[0]] = unescape(strs[i].split

原创 source Tree

source Tree（git可视化工具）dev开发先拉取，将远程dev（origin/dev）拉到本地情景1：直接拉取成功，无冲突，已合并到本地dev分支；提交推送本地dev到远程dev即可情景2：拉取失败，有冲突；解决——先提交推送本地dev，有冲突则推送不了，先暂存本地仓库，再次拉取远程dev，会出现冲突文件，编辑器解决冲突（保留或删除），再次提交即可master合并切换到master，右击dev分支，合并至当前分支（master），拉取情节1：直接拉取成功，无冲突；提交推送到远程ma

原创 vue-cli4 全面配置

vue-cli4 全面配置](https://zhuanlan.zhihu.com/p/109952157)

原创 vue导入js，css结构

原创 vueflowy流程图

vueflowy流程图下载npm install vue-flowy -save组件import {VueFlowy} from 'vue-flowy' export default { name: 'App', components: { VueFlowy }}<template> <div> <VueFlowy :chart="chart"></VueFlowy> </div

原创 2021笔记

表格单行字段判断 <el-table-column prop="num" label="退货数量" width="120"> <template slot-scope="scope"> <span> <el-input :disabled="scope.row.type==1" si.

原创 vue大量数据优化

采用分页<el-pagination background @size-change="handleSizeChangeAdd" @current-change="handleCurrentChangeAdd" :current-page="queryInfoAdd.pageNum" :page-sizes="[1, 5, 10, 50,300]" :page-size="queryInfoAdd.pageSize" layout="total, sizes, prev, pager, next,j

原创 vue网页图标ico

图片转ico，直接引入即可 <link rel="icon" href="<%= BASE_URL %>GDBfavicon4.ico" />

原创 vue表格排序

<el-table :data="userList" border stripe :row-style="{height:0+'px'}" :cell-style="userListcellStyle" highlight-current-row style="margin-top:30px" @sort-change="sortChange"> <el-table-column label="订单金额" prop="orderAmount" width="200" sortable=

原创 JQ轮播图

效果图思路注意：box：{ width: 176px; overflow: hidden; height: 225px; position: relative; } ul { width: 538px; position: absolute; top

原创 axios封装

首先引入axios、qs依赖，引入main.js主要是用于后面对接口进行统一处理import axios from 'axios';import qs from 'qs';import app from '../main.js';const service = axios.create({ // process.env.NODE_ENV === 'development' 来判断是否开发环境 baseURL: 'http://192.168.1.194:8100/', ti