布偶乱跑-CSDN博客

原创 vue2项目中vuecli4.5热更新失效问题

在公司电脑开发中，网络被限制内网访问，本地启动vue2项目后发现热更新失效，修改配置也无效，发现。

2024-01-16 10:23:58 673 1

原创 echarts中，X轴名称过长隐藏，鼠标hove显示全称

echarts中，X轴名称过长隐藏，鼠标hove显示全称

2023-10-24 10:06:16 330

原创 el-dialog弹窗拖动

/ v-dialogDrag: 弹窗拖拽属性（重点！给模态框添加这个属性模态框就能拖拽了）// 属性名称dialogDrag，前面加v- 使用。

2023-10-20 14:55:28 308

原创 vscode 2023格式化vue文件设置

【代码】vscode 2023格式化vue文件设置。

2023-08-30 11:21:17 240

原创 van-uploader上传图片，使用base64回显无法预览的问题

van-uploader上传图片，使用base64回显无法预览的问题。

2022-07-27 14:59:05 5949 8

原创 sweetalert2移动端使用自定义html模板，倒计时功能

最近在使用vue3+vite+vant时，遇到了v-model无法控制显隐的问题，vant作者在github中表示下版本会优化vant-dialog，所以找了sweetalert2插件，样式好看，所以就想砸和移动端试试，但是按照文档上customeClass不生效，所以查了github的issues，解决方法如下：样式：......

2022-07-05 09:27:14 690

最近在看Authing认证，试了一下，记录如下：注册Authing官网在自建应用中找到App ID，修改用什么方式登陆，方式还是挺丰富的新建vue3项目，安装插件yarn add @authing/vue-ui-components，版本3.1.13测试过npm使用taobao安装不成功，yarn能成功新建页面<template> <Guard :appId="appId" @login="handleLogin"/></template><

2022-05-24 16:26:08 249

原创 vue3父子组件传值

最近在用vue3，遇到了传值问题，记录如下：父传子，在父组件绑定参数，子组件props接收子传父，父组件绑定事件，写方法，子组件定义emits后，用setup解构emit，调用emit("toData",payload)传参父组件<template> <Test :msg="data.msg" @toData="toData"/></template><script>import Test from "./test";import

2022-05-24 16:14:42 436

原创小程序音频播放js

最近在开发小程序中，使用到了音频播放，如下：js//player.jsconst innerAudioContext = wx.createInnerAudioContext()// var PlayProcess;// innerAudioContext.onPlay=function(){// PlayProcess();// }function Play(source) { innerAudioContext.stop() innerAudioContext.sr

2022-03-28 10:03:01 339

原创 vscode新建代码片段：vue3+ts文件模板

vue3 文件模板

2021-12-19 13:27:45 1978

原创 vue excel文件导入并解析成数组

在项目中用到了，excel导入和导出功能，记录如下：安装插件npm i xlsx在"src/components"下新建 "excel2json.vue"文件，或者随便找个位置：<template> <div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls,

2021-11-20 11:26:23 1325

原创 git本地提交到远程仓库报错error: failed to push some refs to

今天在本地新建了个项目，在码云上也建了个仓库，想从本地推送到码云，但是git push -u origin master，报错： ! [rejected] master -> master (fetch first)error: failed to push some refs to 'https://gitee.com/xxx/app.git'hint: Updates were rejected because the remote contains work that you

2021-08-19 10:33:53 650

原创 vue导出表格数据到Excel

在项目开发中，遇到需要导出表格数据到Excel的需求，在搜索之后，找到方法如下：安装插件npm install -S file-saver xlsxnpm install -D script-loader下载附件（Gitee）附件下载的文件放进项目目录，，为了方便我放在同目录：修改Export2Excel.js文件前几行：require('script-loader!file-saver')require('./Blob')require('script-loader!xls

2021-04-26 09:51:10 211

原创 vue 上下滚动通知组件

vue 上下滚动淡入淡出通知组件:效果：子组件：<template> <div class="text-container">  <transition class="" name="slide" mode="out-in"> <p class="text" :key="text.id">

2021-04-22 10:47:27 1061

原创显示千分位分割

显示千分位：{{ scope.row.maxSS ? scope.row.maxSS.replace(new RegExp('(\\d)(?=(\\d{3})+$)','ig'),"$1,") : " " }}

2021-04-17 14:08:28 93

原创 element input输入框千分位无法回显问题解决方法

在后台管理的项目中，输入部分数量是需要千分位分割，但是遇到了父组件调用子组件无法回显的问题，父子组件不能双向绑定的问题，在使用计算属性之后解决，方法如下：父组件 <el-form-item label="最小库存StockMinSS：" prop="minSS"> <Custom-Input ref="ipt" :value.sync="editForm.minSS" :switchDayT

2021-04-17 13:52:18 648

原创 el-upload上传限制文件类型

在使用element的上传时，遇到限制文件类型的需求，但是在上传不符合要求的文件时，会弹出确认删除的确认框和不符合类型的message的提示，解决方法如下：html： <el-upload ref="upload" :file-list="form.fileList" action="http://..." :data="params" :on-preview="handlePreview"

2021-04-16 09:32:38 7444 1

原创新版Microsoft Edge关闭平滑滚动，类似chrome效果

在使用新版edge时，总觉得上下滚动不舒服，没有Chrome那种指哪打哪的感觉，在查找和测试后，找到如下方法：地址栏输入edge://flags/搜索Microsoft Edge scrolling personality，选择Disabled重启希望对大家有点帮助...

2021-03-16 14:56:21 9295 5

原创 sheetjs在使用中日期被自动转换问题

在vue开发后台中，需求是前端上传csv文件，解析成对象数组，找到了插件SheetJS js-xlsxnpm i xlsx -S解析表格如下，是每天的需求量，库存等信息，表头要求是dd-MM-yyyy格式：在使用插件读取文件之后： readerData(rawFile) { this.loading = true return new Promise((resolve, reject) => { const reader = new File.

2021-03-08 15:48:48 1464 1

原创 el-input当type=number时只能输入数字

在使用element过程中，遇到了输入框需要加后缀，只能输正整数的需求，搜索后找到方法: <el-input type="number" min="0" max="999999" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" v-model="value1"> <template slot=

2021-02-07 16:49:29 1655

原创 vscode快速输出格式化console.log

在前端开发中，经常使用打印，给石化打印能帮助快速找到和区分打印内容，方法如下设置 - 用户代码片段 - 选择javascript复制{ // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snipp

2021-01-06 11:29:47 3471 2

原创 .prettierrc格式化文件

搭配vuter，prettier{ // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": false, // 行尾逗号,默认none,可选 none|es5|all // es5

2020-11-21 11:55:03 504

原创 cmd无法加载命令解决方法

情况：在Windows Terminal无法使用nrm命令解决方法如下：使用管理员权限打开power shell输入set-ExecutionPolicy RemoteSigned，输入y，回车

2020-11-21 11:26:08 447

原创 Windows Terminal添加到右键菜单中

一、先检查一下常量在命令行提示符（cmd）中测试一下下面这个常量echo %USERPROFILE%如果没有的话后面的命令需要手动替换一下：//{username}为自己的用户名%USERPROFILE% => C:\Users\{username}二、获取Windows Terminal图标并保存到相应的文件夹从微软的Github上下载Windows Terminal的图标，地址如下：https://raw.githubusercontent.com/microsoft/termi

2020-11-18 10:00:12 521

原创 js正则去掉路径中的/

在element的菜单组件中，三级菜单需要拿到父节点（二级菜单）的路径参数拼接在地址上，去掉"/",方法如下：去除斜杠去除字符串中的所有斜杠：str.replace(/\//g,'')去除双引号去除字符串中的所有双引号：str.replace(/\''/g,'')...

2020-11-02 10:34:07 2203

原创 element文件上传，携带其他参数

在OA系统的项目中，用到了文件上传，同时需要把用户信息传给后端，需要绑定data属性，data属性为对象类型，方法如下：html： <template slot="imgUrlForm" slot-scope="scope">  <el-upload class="upload-demo" action="/admin

2020-10-27 10:13:04 1694

原创 element下拉框绑定的value为对象时，数据不改变的解决方法

在后台项目的开发中，遇到了select下拉框需要绑定obj的情况，但是选中一个值后再改变，框内的值不变，并且所有选项变蓝色，查到的方法为，在el-select添加value-key:作为 value 唯一标识的键名，绑定值为对象类型时必填，修改后解决： <template slot="formCodeForm" slot-scope="scope"> <el-select v-model="form.formCode" value-key

2020-10-12 16:34:17 1814 4

原创 el-table中使用el-select，选择后不刷新解决方法

最近在做项目是，在element表格中使用下拉，但是下拉选择后，数据没有显示在select组件上，搜索后找到解决方案： <el-table :data="nodeFormTableData" style="width: 100%"> <el-table-column prop="personType" label="人员类型"> <!-- 人员类型下拉 --&

2020-09-18 10:58:39 3599 2

原创 GIthub加速下载，Chrome插件方案

github加速下载插件：安装之后使用默认设置，github页面会多出一个加速按钮随便复制一个链接，git clone,实测速度跑满10mb/s

2020-09-17 17:38:34 4001 4

原创 element 前端部门选人组件-左树中表右候选（前端分页）

在做后台管理中，有选人组件的需求，一个弹窗，左边是部门树，中间是部门的人员表格，右侧是选中的人，弹框打开时请求一次数据，前端做分页，全选，经过几番折腾，例子如下：父组件vue：<template> <div> <basic-container> <h2>{{temp}}</h2> <customComponents @clear="clear" :temp

2020-09-08 14:25:24 2489

原创解决git clone下载速度慢(码云方案)

由于国内的GitHub经常抽风，git clone速度不稳定，今天查找后发现码云可以解决，初步测试有效，不保证全部有效在GitHub上找到项目地址在Gitee码云上新建仓库选择底部导入已有仓库点击创建，等待完成，然后Gitee会导入并显示这个仓库，用git clone https://gitee.com/jixule/vue-ele-form.git速度可以提升很多...

2020-07-30 10:33:56 579

原创前端开发项目，常用.gitignore配置

工作中经常用到git，在git add .的时候，通常不需要把依赖，测试，日志等文件添加到仓库，此时需要在项目文件夹内创建.gitignore文件，自己常用的配置如下：.DS_Storenode_modules/dist# local env files.env.local.env.*.local# Log filesnpm-debug.log*yarn-debug.log*yarn-error.log*# Editor directories and files.idea.

2020-07-28 09:15:30 1519

原创如何快速删除node_modules文件夹（windows）

在开发中，经常遇到依赖安装问题（node14版本报缺少SDK），需要删除node_modules文件夹重新npm i 经过查找，发现rimraf插件可以快速删除这个文件夹，安装方法：注：nodejs版本12.12.0，npm已经更换taobao源 npm i -g rimraf使用方法，在项目文件夹内打开windows terminal，cmd，power shell都可以 rimraf .\node_modules\实测删除速度比删除到回收站快...

2020-07-28 09:08:03 1313

原创三目运算符判断多个条件

标题在antd-vue的表格中，遇到需要根据后端返回的数字显示对应状态的问题，可以使用filter过滤器，也可以使用三目运算符：三目运算符： function test(num){ return num == 10 ? 10 :(a ==20 ? 20 :'未知') } console.log(test(11111))//未知 console.log(test(10))//10 console.log(test(20))//20...

2020-07-27 11:45:35 5874

原创 Git基本设置

1.安装安装包下载地址：https://gitforwindows.org/安装到D盘Git文件夹或默认文件夹2.Git Bash基本使用在D:\Git 文件夹中右键Git Bash Here出现默认窗口，显示jxl10@DESKTOP-BRJA9UO MINGW64 ~$调节字体，在顶部右键-Options-Text-Select,调节完后Apply-Save3.Git基本配置在Git Bash中输入$ git config --global user.name "jixu

2020-06-05 14:22:33 312

原创 ubuntu安装后换阿里云源、清华源方法

在ubuntu的使用过程中，遇到一些基本设置，记录在csdn方便查询。1. 在终端中输入sudo su，输入密码（不可见）2. 如果有vim或者vi可以跳过这一步，如果没有，输入sudo apt install vim -y安装vim3. 安装好后可以在终端中输入vim，回车，会显示vim的版本信息，输入：q退出到命令界面4. 修改apt的源列表，在终端中输入vim /etc/apt/source.list，查看本身的源，按d键删除整行，我一般是直接d不松删除全部，再按i，进入编辑模式，复制下列任意

2020-06-05 14:13:14 551

空空如也

空空如也