- 博客(72)
- 收藏
- 关注
RSS订阅
原创 vue前后端部署,域名解析、服务器等配置
1、申请域名、服务器；域名、服务器可以再阿里云或者华为云购买即可；域名需要解析，记录值为服务器的公网ip。2、安装Xshell 、Xftp ;安装过程需要服务器用户名、密码 ,主机名为公网ip，用户名默认root 。3、在Xshell里安装nginx; 1.因为Nginx依赖于gcc的编译环境，所以，需要安装编译环境来使Nginx能够编译起来。命令：yum install gcc-c++2.Nginx的http模块需要使用pcre来解析正则表达...
2021-11-11 16:39:18
7018
原创 http请求的Content-Type以及qs.stringify的使用说明
1、qs.stringify使用axios默认的content-type是application/json，传输数据的格式如下：{ name:'张三', age:'18'}在调用接口时通过qs.stringify将传过来的数据序列化之后：qs.stringify(params)那么axios的请求头content-type改为application/x-www-form-urlencoded，并且数据将以&进行拼接：name='张三'&age='18'所以
2022-05-13 16:46:27
688
原创 前端vue 导出为excel导出xlsx
第一步：npm ixlsx第二部：直接复制吧。<template> <div class="index" v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="拼命加载中..." > <!-- 操作按钮 --> <input type="file" @change.
2022-02-17 17:38:31
701
原创 keep-alive 使用
一、基本使用需求：有两个页面（A 和 B），当我们在页面A的table列表中点击查看详情按钮，跳转到B页面，在B页面点击返回时，要定位到之前A的列表位置， 不能刷新该页面。在 <router-view /> 的外层包一个 keep-alive 如：<keep-alive include="pageA"> <router-view /></keep-alive>其中 include 为要缓存的页面，如果有多个页面可用逗号隔开，pageA为.
2022-01-19 19:09:01
4446
原创 后端返回带“T“的时间格式，前端js处理。
如果后端返回的数据格式如下data：{ timestamp :[ {time:'2019-12-21T09:23:12'}, {time:'2020-10-9T12:36:21'} ]}则： let arrTime = data.timestamp arrTime.map((element, index) => { return (data.timestamp[index].time= element.time .toLocaleS...
2021-12-24 11:44:54
1755
原创 vue3报错：hrow er； // Unhandled ‘error‘ event；node_modules\vite\node_modules\esbuild\esbuild.exe ENOENT
启动vue3.0时报以下错误，则缺少esbuild.exe所致，所以我们需要在
2021-08-24 11:26:05
1311
1
原创 vue导出当前页面为pdf格式
1、安装html2canvas和jspdf依赖 npm install html2canvas --save npm install jspdf --save （如果jspdf 报错，则在index.js中引入<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>）2、在utils中创建htmlToPdf.js文件，并复制以下代码// 导出页面为P
2021-04-02 11:41:02
853
原创 vue动态添加序号
后端返回一个数组，如小说目录，这时我们需要添加目录前面的序号。如图：// HTML部分 <div > <h5 v-for="(items,i) in listIndex">{{items.name}} <span style="display:block" v-for="(item,k) in items.list">{{item.serialNumber}} {{item.name}}</span> </
2021-02-08 11:29:47
1997
原创 小程序上传多张图片
小程序上传多张照片由于小程序api接受一张一张上传，所有利用递归方法，直到多张上传完成。 如有问题可留言（该方法没有封装）<!-- wxml 可自己写页面，也可复制下面代码 --> <view class='up-pic' style="padding-bottom:100rpx;"> <view class='row pic-box'> <text class="file_title">上传照片：</text>
2020-09-03 14:35:42
393
原创 git冲突解决，stash
1、git pull //提示冲突后2、git stash //放暂存区3、git pull //成功拉下代码4、git stash pop //将暂存区的代码还原，会提示代码冲突，解决冲突代码的文件5、git add . //重新提交一次6、git commit -m "冲突"7、git push ...
2020-08-06 11:33:30
418
原创 小程序唤起扫一扫功能
第一步：草料二维码编辑 草料二维码生成一个对象：如 {code:12345678}。第二步，点击按钮扫一扫 ，只写相关代码 getScancode: function() { //调起扫一扫 var _this = this; wx.scanCode({ success: (res) => { let result = JSON.parse(res.result) if(result.code){ //是否存在code,自定义
2020-07-27 17:28:53
1056
原创 git 删除分支、删除远程分支
1、快速创建分支并切换分支 git checkout -b dev2、删除分支 ： 如分支名为devgit branch -d dev 会在删除前检查merge状态（其与上游分支或者与head）。git branch -D dev 是git branch --delete --force的简写，它会直接删除...
2020-07-17 13:31:42
9570
1
原创 vue 父组件传给子组件传值，watch监听不到
父组件给子组件传值时，watch监听不到值的变化。解决方法如下 props:{ paramsObj:{type:Object,default:{}} //paramsObj为父组件传过来的对象 }, watch:{ //监听 paramsObj: { immediate:true, handler: function(value) { console.log(value)
2020-07-15 14:37:52
5029
原创 vue使用百度富文本编辑器
vue 使用百度富文本编辑器，由于element带的编辑器样式过于简单，所以使用百度富文本编辑器。**第一步：**登陆富文本官网百度富文本编辑器下载最新版本，具体选择哪个语言的版本，你可以问下后端，其实哪个都一样，区别只是为了后面图片上传的配置提供方便。**第二步：**将下载下来的文件存放在static目录下，并在main.js文件下引入复制代码如下：import '../static/utf8-jsp/ueditor.config.js'import '../static/utf8-jsp
2020-06-29 11:57:56
2747
2
原创 git创建本地分支，然后提交到master
创建自己的分支git branch dev同步分支到github上面git push origin dev切换到自己的分支上，然后把本地分支和远程分支做关联 git checkout dev git branch --set-upstream-to origin/dev使用git branch -vv命令可以看到dev 3243b93 [origin/dev] 测试master 3243b93 [origin/master] 测试表面分支关联成功5.合并.
2020-06-22 17:34:01
3096
原创 element 封装table加分页、单选、多选下拉等
table封装加分页，新建一个table.vue 文件：用法：1、在相应页面引入table.vue文件，并调用 <template> <div> <single-table :data="pageResult" :columns="columns" :handleWidth="90" ref="mytable"
2020-06-22 17:18:05
687
原创 node-sass安装报错[email protected] postinstall: `node scripts/build.js
第一步运行npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass第二步cnpm install node-sass --saveo.org第三步npm install
2020-06-19 16:49:54
3026
原创 export和export defaule的区别使用
区别，export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中，export、import可以有多个，export default仅有一个，通过export方式导出，在导入时要加{ }，export default则不需要先说说export： 新建一个a.js 和b.vue文件a.jsexport function setAmount(){ let a = 1; return a}export const setPrice = "2"b.vue 里引
2020-06-12 11:42:27
179
原创 element 时间组件只能选今天之后或者今天之前包括今天等
<template> <div> <el-date-picker v-model="formInline.dateParam" :picker-options="pickerOptions0" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker> <
2020-06-11 09:46:38
1394
原创 vuex用法心得，实际项目中使用
关于vuex的介绍我相信大家都知道了，而我简单的理解就是存储值的地方。简单来说就是一个箱子，里面可以放自己的数据。(个人的简单理解)，好了接下来我们进入正题（已安装vuex）。第一步：在src下创建store文件夹，然后在store下创建modules文件和index.js。第二步：在main.js里引入store,然后new Vue里加上storeimport store from './store'new Vue({ el: '#app', i18n, router, sto
2020-06-10 15:27:55
649
原创 JS正则去掉所有空格，只能输入数字，输入正确的金额
例子；1、在输入的过程中不能有空格 οninput=“value=value.replace(/\s+/g,’’)” <el-input placeholder="请输入内容" oninput="value=value.replace(/\s+/g,'')" v-model.trim="text"></el-input> 2、在表单form校验中只能输入数字,否则校验出错 /1\d*$/ {required: true,messag
2020-05-21 15:39:05
407
1
原创 input去除所有空格
element input 去除所有空格 //οninput="value=value.replace(/\s+/g,'')" 去除所有空格 <el-input placeholder="请输入内容" oninput="value=value.replace(/\s+/g,'')" v-model="code"></el-input>
2020-05-14 09:41:10
1540
原创 vue 强制渲染组件
在vue 中使用v-show 时，组件没有得到重新渲染。以下例子是我v-show 的时候，要默认一个menu高亮，所以对activeIndex重新赋值。 有人会问为什么不用v-if 进到这个页面（这你就别管了）解决： 使用 this.$forceUpdate() //。配合生命周期函数updated使用如html: <span v-if="refresh"> <el-menu :default-active="activeIndex"
2020-05-11 15:51:04
339
原创 微信小程序封装请求,接口模块化管理
第一步先在util文件夹下面新建一个如下的目录1、url.js里面保存的是正式服测试服的域名,也可以添加其他的一些项目中会使用的域名信息2、ajax.js里是用promise封装的网络请求3、api.js里是用来统一管理页面中的接口url.js// let mainUrl = 'https://xxx' //正式服let mainUrl = 'http://xxxx' /...
2020-04-21 16:49:26
566
3
原创 js 数组对象转化成JSON 对象格式
js 数组对象转化成JSON 对象格式：例子：arr=[ {fruits:{apple:'苹果',price:'5'}} {fruits2:{banana:'香蕉',price:'3'}} {fruits3:{orange:'橘子',price:'6'}} ]转化成：obj={ fruits:{apple:'苹果',price:'5'}, fruits2:{banana:'香蕉...
2020-04-21 16:24:43
1716
原创 JS金额千分位加逗号，多种实例
涉及到金额展示的都需要在千分位上加逗号，以下为vue项目的实例。1，在main.js下挂载一个全局方法。// 金额千分位加逗号 ，amount为传进来的金额Vue.prototype.amountRule =(amount)=>{ let defaultAmount = '' if(amount != 'null' && amount != '' &&a...
2020-04-03 09:15:35
2126
原创 git 上传代码报错eslint --fix found some errors. Please fix them and try committing again.
在提交时用下面这句git commit --no-verify -m "提交时的注释"
2020-03-13 11:50:06
8553
原创 小程序上传图片添加水印传
//微信wxml--------------------------------------------------------------<!-- 图片上传 --> <view class='up-pic' style="padding-bottom:100rpx;"> <view class='row pic-box'> <tex...
2020-03-06 14:07:24
1857
原创 小程序上传附件
var uploadOnlyFile = function (params,that,newList) { wx.showLoading({ title: '正在上传', }) serverInterface2.payUpfile({ data: params, success: function (res) { const { attachment...
2020-03-06 13:34:55
934
原创 JS获取当前日期，获取上个月的日期，一个月有多少天
小程序、H5 获取日期 // 获取时间不满两位补0 formatTen: function (num) { return num > 9 ? (num + "") : ("0" + num); }, // 当前日期 nowData: function () { let curDate = new Date(); let curYear = cur...
2020-03-06 11:52:46
2967
原创 JS字符串及对象的转换
数据格式转化1、想要“111，222，333，444，555” 这种格式传给后台； 例子： let attachmentId =' ' let vo = [{id:11},{id:22},{id:33},{id:44}] let infoFile = []; //基本信息 onSuccess(vo,) { let ids = ""; vo.forEach(...
2020-01-20 17:33:09
176
原创 vue 动态循环echart的series
默认已经引入echart , 直接上vue: <div> <div ref="myChartLine" style="height:350px; width:900px;"></div> </div>javascript 中引入 var echarts = require("echarts/lib/...
2020-01-20 17:00:28
2147
2
原创 git修改、查看用户名及邮箱
git 查看用户名和邮箱git config user.name “youName”git config user.email "email "git 切换用户名和邮箱git config --global user.name “youName”git config --global user.email "email "...
2020-01-06 17:33:08
109
原创 关于小程序使用position:fixed出现随屏幕滚动情况
在position:fixed 里加上这个样式完美解决-webkit-transform: translateZ(0);
2019-11-12 14:55:54
2168
2
原创 git 从master上拉取新分支进行开发，开发完后合并到master
1. 创建自己的分支git branch dev2. 同步分支到github上面git push origin dev3. 切换到自己的分支上，然后把本地分支和远程分支做关联git checkout devgit branch --set-upstream-to origin/dev4. 使用git branch -vv命令可以看到* dev 3243b93 [origi...
2019-11-08 17:09:35
1401
原创 小程序echart动态赋值
首先，当你到达这一步时，你已经吧echart引入小程序。所以直接进入主题（如小程序里还未引入echart,可参考https://blog.csdn.net/weixin_41760500/article/details/100540583）可以先看整体效果，还附带了tab切换，可自行删改：1、wxml<view class="slid-wrap"> <!-- 选项栏 ...
2019-09-05 17:24:33
3266
7
原创 echart的X轴坐标怎么上移
echart的X轴坐标怎么上移，只需修改x轴和Y轴 xAxis: { position: 'top', type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], axisLine: { onZero: false } ...
2019-09-04 16:50:36
3749
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人