Greenhand_BN-优快云博客

场景：vue项目中在输入框输入字符并按下回车键搜索时，不会进行搜索，而是会刷新页面原因：当form表单中只有一个input时，按下回车建会自动触发页面的提交功能，产生刷新页面的行为解决：如下代码，在 el-form 中加个 @submit.native.prevent，就可以了，@submit: 表单提交.native 绑定系统原生事件.prevent 提交以后不刷新页面<el-form :model="goodsListTab.queryParams

2022-04-12 19:49:03 5406

原创 git cherry-pick 合并单个 or 多个 commit 的使用

参考：阮一峰日志中 git cherry-pick 教程应用场景：A 分支上提交的部分代码，需要合并到 B 分支上，发布 B 分支，注：只需要 A 上的一部分，而不是全部首先切换到 B 分支# 切换到 B分支$ git checkout B单个 commit# Cherry pick 操作$ git cherry-pick <commitHash>多个 commit假设有 C、D两个提交，$ git cherry-pick C..D 上面的命令可以转移从 C

2021-12-31 15:06:54 4457

原创省市区三级联动，Json 数据

{ "address": [ { "code": "11", "name": "北京市", "children": [ { "code": "1101", "name": "市辖区", "children": [ { "code": "110101", "name": "东城区" }

2021-11-25 21:02:18 6809 2

原创 vxe-table 表格自定义 Loading 动态图

**assets/styles/VXETable_loading.scss**

2021-11-18 17:40:49 3175

原创 ElementUI 自定义Loading动态图

1、在 asserts 文件夹下新增文件夹以及样式文件，比如：2、自定义的 element 的 CSS 样式.el-loading-spinner{ /*这个是自己想设置的 gif 加载动图*/ background-image:url('../image/loading1.gif'); background-repeat: no-repeat; background-size: 200px 120px; height:100px; width:100%; backg

2021-11-18 15:42:21 1809 1

原创踩坑：vue表格插件vxe-table之导出 .xlsx 文件

各种百度，找不到想要的方案，当然有其他的方法写，比如直接用xlsx.js，但是看着好麻烦，不想使用！突然想到，会不会是版本的问题，于是乎，抱着试试的态度，卸载3.0的版本，安装2.0版本。一开使用的是3.0版本的，依赖，这样使用就会报错。另：如遇到下面的报错，则需要安装。

2021-10-29 17:54:37 10501 18

原创解决SVN 状态小图标不显示的

Windows Explorer Shell 支持 Overlay Icon 最多15个，Windows 自身已经使用了4个，所以就只剩下了11个供我们使用。如果你之前安装了例如Groove这样的软件，那么可能我们可利用的就更少了，轮不到Tortoise了。像这样的情况，我们可以调整 Tortoise图标名称的字母顺序，来提高Tortoise的优先位置，因为Windows 内部就是安装名称的字母顺序来优先显示的。

2021-09-06 13:58:53 662

原创解决 Git下载速度慢

git 官网下载慢的问题，用淘宝镜像去下载，飞一般的体验！https://npm.taobao.org/mirrors/git-for-windows/

2021-09-02 09:50:11 1021

原创 JS获取N天前的日期

获取N天前的日期 getBeforeDate: function(day, str) { let now = new Date().getTime(); //获取毫秒数 let before = new Date(now - ((day > 0 && day ? day : 0) * 86400 * 1000)); let year = before.getFullYear(); let month = before.getMonth()+1; let date

2021-06-24 17:27:27 228

原创 HBuilder使用夜神模拟器进行调试

1、打开HbuilderX后，找到设置，打开运行配置（工具 => 设置 => 运行配置）2、配置模拟器adb路径配置：打开夜神模拟器的安装目录，一般是在Nox/bin目录下面，找到了nox_adb.exe后，将路径指向它端口配置：夜神模拟器我一般设置“62001”关于端口，首先打开夜神模拟器，打开cmd，跳转到夜神模拟器所在目录，然后输入nox_adb devices可以查看夜神浏览器当前端口3、进行连接，在步骤2中的cmd中输入 nox_adb connect 127.0.0

2021-04-22 17:23:56 1208

原创 echarts中自定义提示框内容

tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: function (datas) { // console.log(datas); var res = datas[0].name + '<br/>', val; for (var i = 0, length = datas.length; i < length; i+

2021-04-09 11:29:06 317

原创 Echarts柱状图顶部及折线图顶部自定义显示内容

series: [ { name: '上年', label: { normal: { show: true, position: 'top', textStyle: { color: 'red' }, formatter: function (params) {//核心部分 formatter 可以为字符串也可以是回调

2021-04-09 10:51:10 2751

原创 vue在自定义的 js 文件中使用 element-ui 的消息提示（Message）

问题描述：vue在自定义的 js 文件中使用 this.$message("消息提示") 报错：this.$message is undefined 原因分析：在js里的this这时指向的是window，没有给window注册这个方法，当然就报错了解决方案：只要单独引入就可以了import { Message } from "element-ui";Message({ message: "成功！", type: "success" });.

2021-04-01 00:13:19 1357

原创 vue 项目实现复制文本到剪贴板

使用clipboard 插件，实现复制文本到剪贴板安装 clipboard 插件 npm install clipboard --save多处使用这个复制功能，做了个简易的 js 封装// 复制文本到剪贴板 import { Message } from "element-ui";import Clipboard from "clipboard"; // 引入 clipboard 插件const copy = function (content,className.

2021-03-31 23:59:37 381

原创微信小程序用 VS Code 打开，代码灰色不高亮

问题：微信小程序用 VS Code 打开，代码灰色不高亮 ,如图：解决：

2021-03-20 18:18:36 994

原创微信小程序引入Vant Weapp详细步骤

1、新建一个文件夹，并且用微信开发者工具新建小程序快速模板2、在新建的文件夹中，打开终端（在 VS Code 中的终端也一样），在终端中依次执行 1、第一步：npm init 2、第二步：npm install --production 3、第三步： npm i @vant/weapp -S --production执行 npm init，文件夹中会自动生成 package.json 文件执行 npm install --production，文件夹中

2021-03-20 18:00:26 946

原创 uniapp移除导航栏后页面与手机状态栏重叠

uniapp移除导航栏后页面与手机状态栏重叠问题如图问题原因HBuildX 创建的应用默认是沉浸式样式，如果去除自带的导航栏之后，页面就会与手机顶部状态栏重叠解决方案mainfest.json 源码视图中 app-plus 下添加如下代码"statusbar" : { "immersed" : false },如图解决之后的效果图...

2021-03-18 17:29:08 1573

原创踩坑记录之vue中使用AES加密

安装npm i crypto-js --save创建一个 JS 文件这里我是在 src/js/utils 创建了一个 aes.jsimport CryptoJS from 'crypto-js'; export default { //加密 encrypt(word, keyStr) { keyStr = keyStr ? keyStr : '5d0b02a4d70f9155'; //判断是否存在key，不存在就用定义好的key，定义好的key是由后端提供

2021-03-13 23:37:59 372

原创常用HTTP请求编码格式之application/x-www-form-urlencoded、application/json

HTTP请求的编码方式Content-Type 种类说明application/x-www-form-urlencoded数据类型：FormData ，把form数据转换成一个字串（name1=value1&name2=value2…），然后把这个字串append到url后面，用 ? 分割，加载这个新的url。当action为post时候，浏览器把form数据封装到http body中，然后发送到serverapplication/json以纯文本形式进行编码，其格

2021-03-13 16:57:49 5670 1

原创 JS遍历对象属性，获取属性名及属性值

let object= { name:'李莉莉', age:25, sex:'女'}for (const key in object) { console.log(key) // ------属性 console.log(object[key])// ------属性值}

2021-02-24 15:54:17 5589

原创 uniapp移除原生导航栏后页面与手机状态栏重叠问题

原因：HBuildX 创建的应用默认是沉浸式样式，如果去除自带的导航栏之后，页面会直通手机顶部状态栏，也就是遇到的页面与手机状态栏重叠问题解决：配置mainfest.json来关闭沉浸式，打开应用的manifest.json文件，打开源码视图，如下代码所示，在 app-plus 下添加 statusbar ，并将其下 immersed 的值设为 false"app-plus" : { "statusbar": { "immersed": false },}

2020-09-23 13:35:34 3046

原创将请求获取的字符串日期转换为年月日

let date = '2020-07-22 00:00:00'let newDate = new Date(date).toLocaleDateString().replace(/\//g, '-')console.log(newDate);

2020-09-08 09:50:46 353

原创 vue项目中sass的安装，配置及其使用

vue项目使用sass1、安装 npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装依赖包sass-loader npm install style-loader --save-dev //安装style-loader2、配置loader在项目中的 build 目录下，webpack.base.conf.js 文件中，module.ex

2020-08-10 16:36:53 8934

原创 js下载图片（vue也适用）

function downloadImg(){ let src = 'http://pic.c-ctrip.com/VacationH5Pic/mice/wechat/ewm01.png'; var canvas = document.createElement('canvas'); var img = document.createElement('img'); img.onload = function(e) { canvas.widt

2020-07-27 13:38:32 365

原创 vue 中父子组件通信（父子组件传参）

1、父子通信父向子传参用 props，父组件绑定属性，子组件用props接受父组件 v-bind 绑定属性<children :propVal= 'msg'></children>data(){ return{ msg:'父组件内容！！' }}子组件 props 接受<p>{{propVal}}</p>data(){ return{}},props:['propVal ']2、子父通信子向父传参用 thi

2020-07-21 11:17:33 343

原创 vant中van-icon使用自定义图标

第一步：组件中引入 iconfont 的样式我这里直接在main.js中引入的import Vue from 'vue'import App from './App'import router from './router'import Vant from 'vant';import 'vant/lib/index.css';import "./assets/icon/iconfont.css"Vue.config.productionTip = falseVue.use(Vant);

2020-07-20 13:19:00 7880

原创 JS 获取近1周、近1个月、近3个月的时间段

近1周的时间段function getLastWeek() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1;//0-11表示1-12月 var day = now.getDate(); var dateObj = {}; dateObj.now = year + '-' + month + '-' + day; if(day -

2020-07-10 09:55:47 1290

原创 webpack打包的dist文件，如何查看页面效果！

webpack打包的 dist 文件，如何查看页面效果，其实就是将 dist 文件可以部署到 express 服务器上运行。第一步，把基于webpack的vue项目打包npm run build终端执行 npm run build ，打包成功会得到一个 dist 文件夹，直接在浏览器中打开 dist 文件中的 index.html，会是一片空白，控制台是会报错的。第二步，安装 express-generator 生成器npm install express-generator -g安装成功

2020-06-16 10:42:56 2213

原创基于webpack，搭建Vue脚手架项目

由于长时间没用vue脚手架搭建项目，害怕自己忘了，于是有了这篇文章。虽然网上有很多，但是自己写写，也挺好首先，node环境和脚手架是必须的！如果有小白，别问，问就是跟着操作。node环境官网下载：https://nodejs.org/en/download/无脑下一步就行了终端（cmd或者vscode终端都可以，我用的git），输入下面代码，能看待版本号，说明成功（）node -vnpm -vvue脚手架安装方式：这里我用的 npm （淘宝镜像），网上有帖子用的 cnpm ，说是 c

2020-05-12 22:23:27 596

原创 CSS样式————文字超出显示省略号

单行文本显示省略号width:300px; //设置宽度white-space:nowrap; // 设置文字在一行显示不能换行overflow:hidden; // 超出隐藏text-overflow:ellipsis; // 超出显示省略号多行文本超出显示省略号width：300px; //设置宽度word-break: break-all; // 允许在单词内换行ove...

2020-03-13 22:52:20 227

省市区联动之 城市列表 json 数据

空空如也

省市区联动之城市列表 json 数据