MtangEr的博客

ES6中Object.Assign()用法 ，它是深拷贝还是浅拷贝的详细分析。 deepclone实现深拷贝

直接在v-model中写三元判断是不对的，可以使用computed计算属性达到效果

1.this.$router.push()描述：跳转到不同的url，但这个方法回向history栈添加一个记录，点击后退会返回到上一个页面。用法：2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向...

在一个项目中很常见的一个效果就是 下载图片、文件功能，下边就介绍两种方法1.用jq写下载的方法//html中代码如下<div> <p>点击图片可下载</p> <img src="https://t

父子传值

js下划线和驼峰式互相转换

vue中this.$set的用法和说明

el-form 表单验证，单独校验某个单元

Vue格式化Json数据展示

当我们想要继续保持在该页面时，并且要清空地址栏参数。方法一：let path = this.$route.path; //先获取路由路径this.$router.push(path); //再跳转路由路径，query参数没带过去，所以被清除了方法二：this.$router.push({ query: {} });参考原文：https://blog.youkuaiyun.com/lihefei_coder/article/details/105410470...

在项目中 偶尔会使用到监听键盘事件，当只写了调用键盘事件时，切换到其他页面的时候，发现仍会触发键盘事件，如果需求时不需要全局监听的话，就需要写一个 取消键盘监听事件 //取消键盘监听事件 document.onkeydown = null实例：在这里插入代码片 mounted(){ this.keyDown() // 监听键盘 }, destroyed(){ //取消键盘监听事件 document.onkeydown =

在vue框架中, 接收并下载文件流（blob对象）　　可以通过将其转成blob对象，添加到a标签或者iframe标签中来模拟下载（或者pdf预览）1.首先设置responseType对象格式为 blob:　　responseType:‘blob’在项目reques.js文件中 添加请求头的相关配置 如header responseType 等config.headers['Authorization'] = getToken() if(config.responseType){

vue列表，表格自动滚动安装依赖npm install vue-seamless-scroll --savemain.js文件里面引入使用import scroll from 'vue-seamless-scroll'Vue.use(scroll)html代码<template> <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp">

转载原文：https://blog.youkuaiyun.com/vincent_duan/article/details/103548914?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMa

预期上传失败后，弹出后台返回的消息，可是成功函数输出是一个对象能够成功操作，而失败函数取不到返回数据，转JSON对象也报错。on-error函数里的打印输出的err：handleAvatarError(err,file,fileList){console.log(err)}如果想取到对应的code码，message值，却不能直接获取，所以还要通过进一步处理解决方法：把错误信息转成字符串，然后转掉Error:，剩下的内容就是个json，然后再转成对象，就可以取出来了。handleProduc

一般vue项目中，前后端服务接口调试数据，需要配置api的代理。在代理文件config/index.js中，配置 后台服务的IP地址、如图。如果想在某个页面上查看，代理的该IP地址。则在该页面上引入配置文件，在找到对应的值。引入import API_CONFIG from "../../../config/index.js"使用 // console.log("api==",API_CONFIG.dev.proxyTable['/api'].target)即可找到对应的值。...

转载：https://blog.youkuaiyun.com/qq_30669833/article/details/81706217

vue 中引用echarts 初始化init undefind问题（Cannot read property ‘init‘ of undefined）vue 中引用echarts时 居然报Init为未定义Cannot read property ‘init’ of undefined"开始认为是 引入 或者 加载顺序 有问题，结果发现都不是，后来想着是不是版本有问题，结果它来了！！！查看echarts版本：npm view echarts versions因为 默认安装包是安装最新 的版本的

首先 我们 想解决的问题是，在 开发环境，测试环境，正式环境等不同的环境下使用不同的变量，如下：默认是只有开发development（运行npm run dev ）和生产环境production（npm run build 默认打包就是production环境），现在要加test测试环境变量。配置步骤如下：1.我们借助 cross-env 插件跨平台地设置及使用环境变量npm安装方式：npm i --save-dev cross-env2.我们对config文件夹做配置，新建一个test.

代码 ;filters: { statusTypeFilter(value) { var st = ""; switch (value) { case 1: st = "已加入"; break; case 2: st = "申请中"; break;..

场景前端使用Vue在进行登录时，需要将密码存进cookie中。 为了防止密码明文暴露，前端需要采用加密方式对密码进行加密。常用加密方式之一就是RSA加密解密。RSA加密是一种非对称加密。可以在不直接传递密钥的情况下，完成解密。这能够确保信息的安全性，避免了直接传递密钥所造成的被破解的风险。是由一对密钥来进行加解密的过程，分别称为公钥和私钥。两者之间有数学相关，该加密算法的原理就是对一极大整数做因数分解的困难性来保证安全性。通常个人保存私钥，公钥是公开的（可能同时多人持有）。加密过程（1）A生

一，cookie的使用1，首先加载模块npm i js-cookie -S2，在使用cookie的页面上进行引入import Cookies from 'js-cookie'获取localStorage.getItem('userName')3，使用方法创建一个在整个网站上有效的CookieCookies.set('name', 'value');创建一个从现在起7天后过期的cookie，在整个站点上有效：Cookies.set('name', 'value', { expir

1.this.$router.push()描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面原文.

转载于：添加链接描述https://www.cnblogs.com/edwardwzw/p/11694903.html

<select v-model='privinceCode' @change="chooseProcive($event)"> <option :value ="item.code" v-for="(item,index) in proviceList" :key="index">{{item.name}}</option></select><select v-model='cityCode' @change="chooseCity($event

哈哈哈，蜜汁画图

VUE 软键盘回车触发搜索事件代码如下 &amp;lt;div&amp;gt; &amp;lt;img src=&quot;../../assets/img/fdj.png&quot; alt=&quot;&quot;&amp;gt; &amp;lt;input type=&quot;text&quot; v-model=&quot;co

时间格式有很多种：yyyy-MM-dd 或者 yyyy.MM.dd 或者yyyy/MM/dd他们之间想要互相转换的话：封装方法 //封装时间格式 function: format(time, format) { var t = new Date(time); var tf = function (i) { retu...

vue中动态绑定背景图，并且使宽高不等的图片水平垂直居中外层父元素固定宽高，让图片垂直居中的方法&lt;div style="width:200px;height:200px;"&gt; &lt;div :style="{backgroundImage: 'url(' + item.image + ')', backgroundSize:'contain',backgroundRepeat:...

超好用的vue插件大全话不多说，直接整链接 上！http://vue.ydui.org/

菜鸟教学vuex（二）之 mapState获取vuex的state对象中属性、mapMutations的传参和mapGetters取值回顾上文： https://blog.youkuaiyun.com/MtangEr/article/details/84992232上文中提到了1、获取state中的状态值： {{this.$store.state.name}}或者 ： computed 计算属性返回...

菜鸟教学vuex（一）1、vuex基本概念Vuex是什么？Vuex 是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。重要的一点： vuex的状态存储是响应式的关于vuex的基本概念解释基本就是一张图的事情：2. 使用之前先安装 ，安装教程（1）安装cnpm install vuex -...

vue安装最全步骤、脚手架搭建环境1.首先查看是否安装node.js因为整个vue环境里边的npm是基于node的.查看方式是在命令窗口中查看版本快捷键 window+R输入 node -v 检查node版本这里版本号v10.14.2 已经是版本很高的node了如果这里提示 node不是内部文件，就要去官网下载最新版本node.js;官网下载或者版本太低的nod...

这个文件依赖包特别多，不必要每次提交项目提交，同时下载下拉的时候，带来很大的麻烦，所以要屏蔽掉该依赖包。在项目中有一个文件，将需要屏蔽掉的文件 写进去。照图片。这里为了方便大家使用，文件内的文本贴到这里.DS_Storenode_modules/dist/npm-debug.log*yarn-debug.log*yarn-error.log*# Editor directo...

在vue中很常见的就是tab切换，选项卡切换，动态添加类名使选项卡选中高亮，对应内容切换，方法大家应该非常熟悉了，现在提到一种，可以多选多个选项的，效果如下图贴上代码&lt;div class="zxlybox"&gt; &lt;p&gt;请选择领域 &lt;span&gt;（可多选）&lt;/span&gt;&lt;/p&gt; &lt;ul&gt;

vue 获取地址栏的各个部分内容vue中常用到的就是 this.$route this.$route.query 等但是this.$route 到底是啥打印一下console.log(this.$route)结果：可以看出 this.$route 是一个对象，包含parmas、query、fullpath、path等等想要什么部分直接对应的取值就可以了。...

一般我们在方法中请求接口，返回数据，成功之后再渲染数据但当多个含有不同接口的方法同时调用时，因为异步请求的原因，会先执行后边的代码，这种情况就会导致下边使用的来自于接口返回的数据就找不打之类的报错代码如下 （vue 框架中）fun1(){ this.axios.post('/shop/index/listSearch',artistdata).then(res => { if(r...

方法一之前介绍过一款 移动端vue适用的插件大全。里边有一篇是查看图片放大缩小的 http://vue.ydui.org/docs/#/lightbox，自行去里边进行知识学习。方法二采用微信自带的点击查看预览图片，并且放大缩小实现方法：1.先在全局引入 微信的js <script type="text/JavaScript" src="http://res.wx.qq.com/...

上传图片，显示进度条，转换base64，旋转图片，1.先下载安装2.引入import Vue from 'vue'; import Exif from 'exif-js' import {Uploader} from 'vant'; Vue.use(Uploader); import 'vant/lib/uploader/style';3.配置使用到的属性 和 使用的方法exp...

首先分享一个制作二维码插件https://www.npmjs.com/package/vue-qr1.首先支持npm安装npm install vue-qr --save2.安装成功之后，在需要的用的vue文件中import 引入组建import VueQr from ‘vue-qr’同时compontents：{ VueQr}使用<vue-qr :bgSrc='...