weixin_44237840的博客

转载 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.

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

vue2和vue3的10种组件通信

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

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

原创 element使用表格合并列

element表格合并列

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

element日期选择器清除报错

原创 canvas与svg详情以及用法

。

原创 vue使用CryptoJS进行加密

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

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

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

原创 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;

原创 前端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为

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

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

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

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

转载 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

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

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

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

原创 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.

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

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

原创 uni-app接入友盟

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

原创 浏览器后退按钮

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

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

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

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

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

原创 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，如图点击进去左

原创 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

转载 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大佬写的不错 ，新手很容

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

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

原创 js中数组方法

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

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

在做项目时候遇到一个参数四种状态，后来查了一下三元的多种使用方法如下：<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==

原创 echarts不显示纵轴竖线？

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

原创 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

原创 onLoad和onShow的区别

onLoad;页面加载时候使用（一个页面只会调用一次）onShow：每次打开页面都会调用一次

原创 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.

原创 git提交代码工具推荐

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

原创 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

原创 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

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

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

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

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

原创 移动端调试器Vconsole

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

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

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

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

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

原创 v-for遍历map方法

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