qq_41241767的博客

Vue将base64图片转为File文件类型base64ToFile(urlData, fileName) { let arr = urlData.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bytes = atob(arr[1]); // 解码base64 let n = bytes.length let ia = new Uint8Array(n); while (n--) {

原因在 Vue-Router3.1.0+，此时如果支持 Promise，router.push或 router.replace将返回一个 Promise。当我们在脚手架中使用this.$router.replace(path)进行路由跳转的时候，返回一个Promise对象，发生未捕获的异常解决方法对Vue-Router原型链上的router.push或 router.replace方法进行重写，这样就不用每次调用方法都要加上catch，具体是重写replace还是push，看你的项目而定！！在rou

vue项目流程1.下载node（注意，node一定要下载稳定版本的，不要下载最新版的）2.安装淘宝镜像（能解决部分报错）而且安装速度会增快3.安装vue-cli的版本4.创建项目

vue监听键盘回车事件–Enter方法一：keyup.entervue文档提供了一种按键修饰符的方法:<input v-on:keyup.enter="submit">（keyCode事件已经被废弃），这种方法的使用前提是使用的当前元素必须要获取focus焦点，如果没有获取到焦点，绑定就会失效，因此给div或者p进行事件监听时，这种方法显示是不适用的；<input ...

axios各种请求方式的传参方式post和put传参方式都是data，delete和get传参方式都是params

各种证件正则表达式 /*******************************18位身份证号码正则***********************************/ /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/.test(idNumbe...

vue页面滚动问题元素高度问题jQuery获取元素高度$("#divId").height(); //不包括内边距、边框或外边距$("#divId").innerHeight();//包括内边距$("#divId").outerHeight();//包括内边距和边框二、 1、Javascript:网页可见区域宽： document.body.clientWidth网页可见...

监控input输入框失去焦点时光标的位置<textarea name="travels" id="travels" class="travels" @blur="handleInputBlur" placeholder="请输入正文..." v-model="word"></textarea>// 输入框失去焦点时的位置hand...

vue中点击复制粘贴功能1.下载clipboard.jsnpm install clipboard --save 2.引入，可以在mian.js中全局引入也可以在单个vue中引入import Clipboard from 'clipboard'; 3.使用，在template中，这里我用了vant框架<!-- Target --><textarea id="ba...

Vue实现点击，使input焦点聚焦给input加个ref，然后给button加个点击事件，如下：<input type="text" ref="input"><button @click="clickFocus"></button>clickFocus方法：clickFocus(){ this.$refs.input.focus()}...

点击链接

使用vuex监控状态的变化实时更新状态模板页面data() { return { active: 0 }; }, created() { this.active = sessionStorage.getItem("titleactive"); }, watch: { "$store.state.item_id": function()...

在vue中使用animate.cssanimate.css是一款前端动画库，相似的有velocity-animategethub链接：https://github.com/daneden/animate.css/blob/master/README.md用法：首先npm install animate.css --save然后在vue文件的script中引入：import $ fr...

瀑布流https://www.cnblogs.com/ainyi/p/8766281.html

使用vuexhttps://segmentfault.com/a/1190000015782272

vue2.0以上版本安装sass(scss)一、首先说明sass和scss的区别。1、异同：1）简言之可以理解scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号2）文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名3）语法书写方式...

mui最接近原生APP体验的高性能前端框架http://dev.dcloud.net.cn/mui/

Vue：获取当前定位城市名https://blog.youkuaiyun.com/weixin_42941619/article/details/85346681

快速创建vue-cli3快速创建vue-cli3

vue 监控路由vue 监控路由

页面滚动事件//在mounted钩子函数里面注册scroll事件mounted() { this.$router.afterEach((to, from, next) => { window.scrollTo(0, 0); }); window.addEventListener("scroll", this.about); },method...

鼠标事件 <div class="nav" @mouseover="mouseOut()"></div><li class="yewu" ref="yewu" @mouseover="mouseOver()" @click="clickdown(2)" :style="{borderBottom:active==2?'2px solid #b81b22'...

vue-cli3脚手架的配置及使用教程https://www.jb51.net/article/146430.htm

是电饭锅电饭锅

弹框后面的页面让他不能滚动弹窗内容能滚动<!-- 弹框 --> <div class="popup" ref="popup" v-if="modalInfo"> <div class="popup_con"> <img @click="popdown()" src="../../assets/imgs/about/cl...

vue-cli 3中禁用eslint的方法为了跟上时代，升级vue-cli到3.然后排错排了一下午，总体上来说升级3优点大于缺点这里说下cli3中如何禁用 写代码时的唐僧–eslint使用配置文件来选择禁用范围创建文件.eslintignore加入如下内容**/*.js**/*.vue禁用下一行// eslint-disable-next-line to ignore the...

vue-cli3快速创建项目需要把node更新至新版本1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli2.查看版本/是否安装成功 vue -V3.在新文件夹下创建项目 vue create my-project指向的vuecli3是因为上一次记录过的cli3配置，第一次执行create是没有的按键盘上下键可以选择默认...

简书vue-cli3按照页面方法配置简书vue-cli3按照页面方法配置

vue-cli3安装jQuery注：vue-cli3.0 没有了 webpack.config.js 配置文件，取而代之的是集合在 vue.config.js文件 内进行配置默认已经安装好vue-cli3.0项目step1：命令行工具，进入项目文件夹，执行： npm install jquery --savestep2：提示安装成功后，在package.json 文件内的 "depend...

vue 项目初始化时，npm run dev报错解决方法npm ERR! travel@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js错误如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! travel@1.0.0 ...

vue+vuex+axios从后台获取数据存入vuex，组件之间共享数据https://www.cnblogs.com/jasonwang2y60/p/6606822.html

npm安装报错npm ERR! Refusing to install package with name “xxxx” under a packagexxxxnpm ERR! code ENOSELFnpm ERR! Refusing to install package with name "vuex" under a packagenpm ERR! also called "vuex"...

使用vue-cli+webpack脚手架来构建vue项目环境搭建说一下构建vue项目的几个步骤,跟着这几个步骤搭建一下环境，构建出一个可以运行起来的vue程序，基本上就入门第一步了：安装node.js安装webpack安装vue-cli脚手架构建工具项目构建一、安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成...

vue监控表单输入事件，正则验证手机号，邮箱<div class="input-name"> <input class="input-type" type="text" placeholder="请输入您的邮箱" v-model="mail" @change="email" /></div><div class="input-name"...

vue连接数据库vue中使用axios1.安装axiosnpm： npm install axios -Scdn：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>2.配置axios在项目中新建api/index.js文件，用以配置axiosapi/index.jsim...

页码跳转组件新建Vue文件pagination.vue文件<template> <nav> <ul class="pagination"> <li :class="{'disabled': current == 1}"> <a href="javascript:;" ...

点击导航下拉跳转页面固定位置（锚链接）在导航页面文件夹里面新建anchor.js//锚点跳转function goAnchor(selector) { var anchor = this.$el.querySelector(selector);//获取元素 if (anchor) { setTimeout(() => {//页面没有渲染完成时是无法滚动的...

使用vue做项目如何提高代码效率1.代码没有高效的复用自从使用vue做项目之后,以前使用面向过程变成的习惯随之被面向对象取代了,这是一个很好的转变,让代码看起来不是那么混乱了,但是不混乱并不代表质量高,比如实现一个检验输入是否有效的功能写的代码很长,而且重复代码很多例如:function checkInput(data) { let isTrue; if(!data.date) {...

npm报错C:\Users\Administrator\Desktop\vue>npm installWARNING: You are likely using a version of node-tar or npm that is incompatible with this version of Node.js.ocks\staging-a3dd59b508ab06e6.lock ...

Vue获取DOM元素样式和样式更改在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 ‘style’ is not definde的错误，这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：<template> <div style="display: block;" ref="abc"> <...