qq_37816525的博客

element 官网上 slot=“header”，这种写法，template 内不能获取到showKey的值，打印出来的一直是初始值，将slot=“header” 改成#header ，就可以了<el-table-column > <template #header> <ul> <li class="tebleHeader">省份</li> &

searchRange:true, //如要修改日期格式，默认为年月日，若要修改成年月，此属性一定要有{ label: '日期', prop: 'thisMonth', type:'month', // dateDefault: true, // searchValue: [_this.currentDate1, _this.currentDate2], // 这是我获取的默认的显示日期，我这里是['2020-08-04', '2020-09-22'] format: '

此方法使用于维护旧项目，并且项目已有阿里矢量字体图标库，在维护人不知道账号的情况下，无法新增图标时，可选择另启一套字体图标库，继续使用字体图标此方法有个弊端，就是每次都要把之前导入的svg都保存做备份， 然后要新增图标的时候要把之前的svg全部再导入一遍,然后再加入新增的svg1、打开这个地址https://icomoon.io/app/#/select2、导入下载好的svg文件提示：s...

mounted(){ const timer = setInterval(()=>{ console.log(1) },500) this.$once('hook:beforeDestory',()=>clearInterval(timer))}

vue-cli3public=>index.html头部增加meta<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" ><meta http-equiv="Pragma" content="no-cache"><meta http-equi...

首先安装 compression-webpack-plugin压缩插件把需要用cdn加速的文件保存在本地在pubilc新建js文件夹放进去，保证打包后这些js也存在dist文件夹，方便运维拿文件上传到cdn地址进行加速npm install compression-webpack-plugin --save-devvue.config.jsconst path = require('p...

百度统计代码写在路由文件里，保证每个组件每次点击都统计到router.jsrouter.afterEach((to,from,next)=>{ setTimerout(()=>{ (function(){ //每次执行前，先移除上次插入的代码 document.getElementById('baidu_tj')&& document.getEle...

首先在public文件夹新建一个 config.jswindow.cdnUrl = 'http://www.cdn加载地址.com/img/'然后在 public文件夹下的index.html文件中引入config.js这个文件<script src="./config.js"></script>组件中调用时<template><div :...

<template><div :style = "{background:'url('+imgCdnUrl+'banner.jpg) no-repeat top center 100%/100%''}"></div></template><script>export default{ data(){ return{ ...

先附上插件github地址vue2-verify先说一下弊端，使用拼图模式时，只能使用外链图片，使用本地图片时怎么写都不对，加载不到资源，如果有人知道怎么写可以留言给我，其他模式还是很好用的，在移动端兼容也是不错的，如果要使用拼图验证可以看我另一篇博文https://blog.csdn.net/qq_37816525/article/details/102560656安装npm i vu...

Vue 纯前端的拼图人机验证、右滑拼图验证我知道有第 3 方的很好用,比如 GEETEST 的拼图验证，但要引入 SDK 跟后台配合，还有接口交互。太麻烦了，有时候突然改需求来不及弄，为了应付老板，就弄了个纯前端的随便验一下得了。安装npm install vue-puzzle-vcode --save使用import Vcode from "vue-puzzle-vcode";...

点击获取短信验证码倒计时60秒点击后，获取短信验证码按钮禁止点击，后台有返回时，才进行倒数，<temlplate><el-form :model="registerdeFormData" :rules="regrules"> <el-form-item prop="phoneNum"> <el-input v-model="phoneNum" ...

写在最前边，千万要注意，用此插件加密时，只能是字符串类型，如果是number，加密出来是空！！！血的教训，这个bug我找了大半天才发现安装jsencryptnpm install jsencrypt --dep第一种方法在 axios封装js里 设置api => index.jsimport { JSEncrypt } from 'jsencrypt'const Encry...

const router = new Router({ routes:[ { path:"/", name:'index' commponent:pcLayout, }, .... ]})router.beforeEach((to, from, next) => {document.body.scrollTop = 0;next()});

App.vue<template> <div id="app"> <router-view></router-view> </div></template> <script>import store from '@/store'import Router from 'vue-router'm...

Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍...

首先安装 qrcode-decodernpm install qrcode-reader然后在组件中<template> <div class="module-content"> <!--解析二维码--> <h1 class="module-head">解析二维码</h1> ...

转载https://segmentfault.com/a/1190000016936910使用vuex搭建的购物车，将加入购物车的商品存储到vuex，实现购物车的预览与购物车里对商品的数量的选择（包括左滑删除商品），附上购物车图片：商城的一个重点的功能，就在于购物车的实现。vuex可以很好的帮我们来实现购物车。1.首先，我们得对vuex有一定的了解，还未了解vuex的小伙伴可自行去vuex...

先附上better-scroll官方文档https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll 是什么本项目使用vue混入mixin的方式共用js代码，方便每个组件引用，也可以把mixin中的代码直接写在组件里 单独使用首先npm安装npm install better-scroll --save新建...

转盘效果使用原生js 和css3动画实现中奖概率由后端控制，后端返回中奖金额和中奖名称，前端处理指针显示的地方本demo 实现的是 转盘转动指针不动的效果...

转载https://www.cnblogs.com/minimo/p/8405002.html1.下载安装vue-qriously插件npm install --save vue-qriously2.main.js入口文件中载入import VueQriously from 'vue-qriously'Vue.use(VueQriously)...

Depcheck不仅识别JavaScript文件中的依赖项安装：npm install -g depcheck$> depcheck /path/to/my/projectUnused dependencies* underscoreUnused devDependencies* jasmineMissing dependencies* lodash...

对之前的二维码解码器做的功能扩展， 增加上传成功时弹框显示二维码图片预览，弹框使用vant ui 实现vanr ui 文档地址 https://youzan.github.io/vant/#/zh-CN/intro首先安装 qrcode-decodernpm install qrcode-reader然后在组件中<template> <div class="...

<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> <...

首先：路由配置如下routes: [ { path:'/', name:'Home', components:{ default:Home, 'his':History } }]上面的代码主要是把component变成components，然后default默认显示哪个组件，其余的多个组件分别...

转载至https://segmentfault.com/a/1190000015665620实现代码npm install tween.js --save-dev2.引入tween.jsimport TWEEN from 'tween.js'// ***.vue,注意这里千万别在main.js中引入，否则运行会报：TWEEN is undefined，// 这边存疑，不知道为什么在...

vue如何在一个工程里判断h5还是pcapp.vue<template v-if='showBol()'> <router-view /></template><template v-else> <!--这里的name不是命名路由时的name，是components对象里的key--> <router-view...