自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(53)
  • 收藏
  • 关注

转载 Vue2安装Vuex报错:npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree.

Vue2安装Vuex报错:npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree.

2022-08-25 14:31:17 56

转载 vue2和vue3的10种组件通信

vue2和vue3的10种组件通信

2022-08-19 15:16:06 35

原创 vue+element使用表单进行登录 鼠标点击按钮/回车按钮进行登录

vue+element使用表单进行登录 鼠标点击按钮/回车按钮进行登录

2022-08-18 16:06:39 466

原创 element使用表格合并列

element表格合并列

2022-08-15 17:03:31 455

原创 element 日期选择器el-date-picker问题记录(清除后报错)

element日期选择器清除报错

2022-08-11 10:33:43 1007 1

原创 canvas与svg详情以及用法

2022-07-14 11:12:10 117

原创 vue使用CryptoJS进行加密

1.安装CryptoJS2.在页面种引入crypto-js3.如下使用4.调接口传加密后的数据就ok啦~~

2022-06-09 15:17:07 1982 2

原创 Vue项目使用element中upload组件的http-request自定义上传文件问题及限制文件类型

在修改项目的时候,发现之前项目是对文件类型限制jpeg、jpg、png、docx、mp4、ppt、pdf,结果没有限制住类型,上传webp图片时也可以进行上传。然后在修改的过程中发现,因为我添加了before-remove移除之前钩子函数,然后添加上传之前对文件类型校验时候,若符合就上传成功,否则移除弹框弹出进行删除,目前我去掉了二次确认删除弹框,参考代码:<el-upload class="upload-file" action :before-upload="beforeUpl

2022-05-23 10:22:41 2896

原创 js中 ++a和a++的区别

定义:a++ 先进行赋值,然后再进行自增++a 先进行自增,然后再进行赋值注意:a++的时候比如a是2 a++的时候a++是2 那么此时 a等于3,直接就是先加 ++a直接等于3 那么此时a也是3var a = 2; console.log(a++ + ++a + a++ + ++a) // 16 var a = 12;var sum = a++ + ++a + ++a * 2 + a-- + --a;console.log(sum) // 84 直接进行计算就okvar x = 1;

2022-05-10 10:03:20 341

原创 前端map循环遍历使用

map定义Array.map() ⽅法返回⼀个新数组,数组中的元素为原始数组元素调⽤函数处理后的值,同时不会改变原来的数组var newArra=[1,3,6,10,44];var newArrays=newArra.map((index) => {return index*index})console.log(newArra); //[1,3,6,10,44]console.log(newArrays); //[1,9,36,100,1936]定一个arrObj如下,如何取出id为

2022-05-10 09:26:18 2148

原创 vue elementUI中级联选择器获取label值?

vue elementUI中级联选择器获取label值?需求是获取级联选择器的lable 将label赋入到别的div中,如下图:思路:提交表单,我是将更换配件作为一个字段传给后台,然后将下边的数据和input框的数据组成[{}]格式的传给后台,首先获取更换配件的id值,然后获取到节点的信息,比较两者id是否相同,然后进行赋值直接看代码更为清晰:<template> <div class="content"> <el-form ref="testRef"

2022-04-26 18:01:36 1566 1

转载 vue如何自动刷新页面?

https://www.cnblogs.com/yinn/p/9056731.html

2021-12-24 15:11:35 816

转载 vue三元运算之多重条件判断

https://blog.csdn.net/ZiChen_Jiang/article/details/117063088?utm_term=vue%E4%B8%89%E5%85%83%E8%A1%A8%E8%BE%BE%E5%BC%8F%E5%A4%9A%E4%B8%AA&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduweb~default-1-117063088&spm=3001.4430

2021-11-03 14:12:30 1021

转载 Vue解决打包时报错TyeError: Class extends value undefined is not a constructor or null

https://blog.csdn.net/weixin_48604432/article/details/120360633

2021-10-14 09:20:16 185

原创 vue使用element中dialog点击遮罩层禁止关闭弹框

2021-10-12 15:22:22 571

原创 Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“ ————

<el-form-item label="服务时间" prop="serviec_time"> <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择服务时间" v-model="from.serviec_time"> </el-date-picker> </el-form-item>校验规则serviec_time.

2021-10-12 14:05:27 127

转载 git命令提交代码,查看、切换、合并分支

git命令切换分支https://www.cnblogs.com/aididiao/p/11882227.htmlgit 如何把分支代码合并到master主分支上https://www.cnblogs.com/uzi666/p/13856945.html

2021-09-16 15:20:09 42

原创 uni-app接入友盟

最近来到这家新公司,帮忙看之前做的crm系统的app端(uni-app),当时负责人说让我看看友盟,当时大脑第一反应,友盟是啥呢?友盟两个字咋写,竟然没听过,觉得干程序员确实有点悲哀耶,然后问他友盟两个字怎么写。。。然后直接找度娘,找到了答案,知道是怎么回事了。后边还得在做项目过程中继续学习友盟官网地址(友盟)作用:个人理解简单理解就是统计、分析数据(eg. 新增用户、触发次数、错误、昨日活跃率等等)在开发项目中如何进行sdk配置uni-app项目举例:在项目中manifest.json文件,

2021-09-09 11:32:14 1248 1

原创 浏览器后退按钮

在开发项目的时候,发现一个小问题就是在登录页面的时候点击浏览器返回按钮,直接就退出去了,这样的体验效果当然是不好的,客户在不小心点击返回按钮之后直接页面没了,这样当然是不行的。解决办法:在mounted方法中mounted() { // 登录页阻止回退 history.pushState(null, null, document.URL) window.addEventListener( 'popstate', function() {

2021-09-07 15:36:01 351 1

转载 Vue父组件监听子组件的方法并接收子组件的传值

Vue父组件监听子组件的方法并接收子组件的传值

2021-04-27 17:43:21 255

原创 vue父组件异步更新数据,子组件props接收不到父组件传过来的值?-----------解决办法

今天在做项目的时候遇到了类似的问题,后边解决了,今天给大家分享一下,希望可以帮助到大家,谢谢!!!定义了一个变量为空子组件mounted执行时,axios还没有返回值,所以mounted只会执行一次,导致子组件接收不到父组件传过来的值。问题解释:当父组件 axjos 获取数据,子组件使用 props 接收数据时,执行 mounted 的时候 axjos 还没有返回数据,而且 mounted 只执行一次,这时 props 中接收的数据为空。解决方案: 在父组件对应的地方判断

2021-04-26 12:21:07 1329 1

原创 git如何生成密钥?

今天给大家分享一个git生成密钥以及配置方法~~~~~~~~~~~~首先呢 打开git bash (前提是下载git后) cd ~/.ssh/接下来呢 git config --global user.name "xxx"然后git config --global user.email "你的邮箱"继续ssh-keygen -t rsa -C "你的邮箱"如图所示根据路径找到文件,用记事本打开,复制,到gitLab中,右上角头像哪里点开 点Settings,如图点击进去左

2021-04-23 13:40:33 826

原创 vue 使用swiper

很久没有用过swiper了,最近做一个网站,然后需求使用轮播图,elementui中没有需要的,所以就在swiper插件中找了一下,找到了自己需要的轮播图效果,现在给大家分享一下吧。swiper:swiper官网安装:npm install swiper@3 --save-dev页面引入和注册:import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css";componen

2021-04-07 18:29:47 121 1

转载 vuex使用方法

https://blog.csdn.net/qq_29384639/article/details/99821793?utm_term=vue%E5%85%A8%E5%B1%80%E5%8A%A8%E6%80%81%E5%8F%98%E9%87%8F&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2allsobaiduweb~default-2-99821793&spm=3001.4430大佬写的不错 ,新手很容

2021-03-24 09:58:50 25

原创 禁止文本框输入空格和回车

在做项目过程中,在添加文本域之后,我在文本域输入时加了首行缩进,后来客户要求去掉首行缩进,并且不能进行空格回车输入进行提交。如下解决办法:<textarea placeholder="您的建议对我们很重要,快快反馈给我们吧……" maxlength="500" class="text_area" onkeydown="if(event.keyCode==32||event.keyCode==13){return false;}"></textarea>这样子就可以解决啦!!!

2021-03-23 13:41:25 611

原创 js中数组方法

js数组方法整理今天给大家分享一些js数组方法,在做项目中我们会常常用到这些方法,有很多方法也不会经常用到,可能过段时间就会忘记,所以给大家整理出来一些方法,供大家方便查询。1.concat()功能:合并数组,可以合并一个数组或多个数组,会返回合并数组之后的数据,不会改变原来的数组。eg: var arr=[1,2,3,'hi']; var arr1=['你好']; console.log(arr.concat(arr1));

2021-02-24 12:50:33 52

原创 三元表达式判断多个状态的使用方法?

在做项目时候遇到一个参数四种状态,后来查了一下三元的多种使用方法如下:<view class="check-info">账单状态: <span class="check-item" :class="{greenFont:item.status==0, blueFont:item.status==1, yellowFont:item.status==2, redFont:item.status==9}">{{item.status==0?"待确认" : (item.status==

2021-01-27 18:13:01 902

原创 echarts不显示纵轴竖线?

使用echarts画柱状图时候,柱状图出来了,但是纵轴的竖线没有出来,后来查看的属性解决了,如下:修改柱子的宽度,如下图:

2020-12-18 16:19:18 4955 2

原创 js如何根据属性查找元素?

例如一下示例,<div id="101"></div><div id="102"></div><div id="103"></div><div id="104"></div><div id="105"></div>如果定位到id=105的标签,如何实现呢?原生js:document.querySelector(“div[id = ‘105’]”)jquery: $(“di

2020-12-18 10:21:05 5006 4

原创 onLoad和onShow的区别

onLoad;页面加载时候使用(一个页面只会调用一次)onShow:每次打开页面都会调用一次

2020-12-14 11:52:23 1079

原创 vue使用driver.js的解决办法

driver.js官方网址:(https://kamranahmed.info/driver.js/)driver.js的特色功能:1.突出显示页面的任何项目;2.锁定用户的交互;3.创建功能介绍;4.为用户添加聚焦器;5.高度可定制,可在任何地方使用,可覆盖;6.界面友好,可通过按键控制;7.轻量级,gzip压缩后只有约4kb;8.在所有浏览器上保持一致行为;9.免费用于个人和商业用途。安装第一种:yarn add driver.js第二种:npm install driver.

2020-12-01 11:18:23 1835 3

原创 git提交代码工具推荐

今天给大家推荐一个git提交代码工具,本人感觉用着挺好的所以给大家推荐出来,虽然现在提交代码方式很多,如:命令提示框、vscode、webstrom、idea、svn、github中gitHubDesktopsetUp等等许多方式。大家根据自己适合的就行,没有什么必须哪一个,除非某些公司有规定。今天给大家推荐的这个工具是Sourcetree,在官网直接进行下载就行(https://www.sourcetreeapp.com/)图标为如下:一、简介:SourceTree 是 Windows 和Mac

2020-11-17 13:34:18 3822

原创 uni-app在git提交代码中忽略node-modules和unpackage文件

在做uni-app项目时候,在用命令提交代码的时候,每次使用命令进行提交代码,git add * 会将本地所以的代码进行提交,为了防止每次这样将所有的代码进行提交,无论是vue还是uni-app是一样的,不需要将node-modules文件进行提交1.首先右键打开git bash here输入一下命令touch .gitignore完成后项目会出现.gitignore文件,记事本打开后node_modules/.projectunpackage/.DS_Store如果以前提交过unpa

2020-11-16 18:34:44 3603 1

原创 uni-app 全局引入websocket方法

在做项目时候,一开始引入websocket是在对应的页面进行引入,后来是在项目中需要在全局中定义websocket,项目启动后直接websocket连接,之后我在根目录新建了一个store,里边创建一个websocket.js文件代码如下:websocket.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { socketTask: nul

2020-11-12 17:38:10 4350 4

原创 uni-app中使用vuex的解决方法

在做项目时候,使用uni-app技术时候,一开始引入vuex不知道如何进行引入,之后查了一下get到了,所以来记录一下,希望对大家也会有所帮助!uni-app已经内置了vuex了,所以直接正确引入就行了stroe1.首先在项目根目录下创建一个store文件夹,然后里边创建一个.js文件,我是要用websocket,所以创建的是websocket.js,这里看你自己了。2.在该js文件中定义公共 的数据以及函数,并且将它进行导出,import Vue from 'vue'import Vuex

2020-11-12 16:05:08 4242 1

原创 JS正则验证输入框姓名只能输入中文和英文

js只包含中文和英文name: [ { required: true, message: '请输入姓名', trigger: 'blur' }, { pattern: /^[a-zA-Z\u4e00-\u9fa5]+$/, message: "请勿输入特殊字符", trigger: "blur" }],

2020-11-09 16:53:29 3124

原创 移动端调试器Vconsole

在做项目的时候遇到一个问题。就是在移动端不知道怎么看打印的结果,于是百度查找之后,如下:在项目中安装vconsolenpm install vconsole --save接下来进行使用,在main.js中添加如下:第一步: import vconsole from ‘vconsole’ // 引入vconsole第二步:Vue.prototype.$vconsole = new vconsole() // 使用vconsole最后在重新启动项目就好了,效果如下...

2020-10-09 09:56:49 115 2

原创 做uni-app时,遇到后台返回base64码,将base64码转为图片,但是图片没有显示出来的解决方法

在做uni-app项目时,遇到一个问题时,后台返回一长串码,前端这边需要将base64码进行转化为图片,做法如下:首先调接口获取到后台返回的base64码,如下图(记得调用这个方法哦)获取到的base64码如下:接下来呢在页面需要的地方给他进行赋值这里关键的一步来了,如下图:在data中定义该变量,在这里记得要把画出来的这句代码添加上,因为后台返回的会有换行空格之类的,这样会导致图片显示不出来,在获取哪里赋值我加这个没起作用就加这里了,查了一下有的人写在调接口那块也可以,我自己试了不行就写这里

2020-09-28 15:41:26 5363 12

原创 uni-app建立websocket之遇到的问题总结

最近开始在学习websocket中,业务需要就使用一下uniwebsocket,遇到一个很低级的问题实现步骤<template> <view> <button type="primary" @tap="clickRequest">点击发送请求</button> </view></template><script> export default { onLoad() { // 进入这个页面的时候创

2020-08-26 17:21:56 3038 1

原创 v-for遍历map方法

首先在data定义一个map接下来在接口成功之后进行赋值接下来直接循环map

2020-07-27 18:38:03 3635 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除