ProgramarQin的博客

计算时间控件两个日期相差多少月多少天

图表区域渲染，根据区域省份编码id，geojson自定义属性下钻

以前用的都是vue-cli2脚手架做vue项目，最近想着得跟着时代的步伐，于是更换成了vue-cli3，结果后台给了个https://xxx.xxxx.xx的代理地址，一开始代理模块自己如下写法,结果就有了接下来的接口骚操作 devServer: { // 配置代理 proxy: { "/api/v1": { target: 'https://xxx.xxx.xx', changeOrigin: true,

echarts中国地图散点实现自定义动画

前言：有些时候遇到bug与其把事情想得复杂，还不如回去看看官方文档。做系统难免会遇到要做到全屏查看的需求，以下即为全屏代码的实现。<template><div><div>测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏</div><button type="button" @click="btnFull">全屏...

1、配置.babelrc{ "presets": [ ["es2015"], ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage...

需求如下：如下问卷调查中，每做完一个问卷，相应的新任务数量（红色label）跟个人任务列表都需要少一条数据，假设下面截图一为页面1，截图2为页面2，页面2为页面1的子路由，如:{path:'/page1',component:PageOne,children:[{path:'page2',component:PageTwo}]},当由children路由/page1/page2跳回page1时，当...

随着时间流逝，人的初心是否会改变呢？今日博客分享vue引入高德地图几种方式~1、方式一，引用封装好的vue-amap组件，具体操作见官方文档官网链接：https://elemefe.github.io/vue-amap/#/zh-cn/introduction/installnpm install vue-amap --save由于vue-amap封装的功能有限，因此不可避免的需...

前几天移动端问卷项目设计到一个倒计时功能，因此，趁着五一闲暇之余折腾了一下午封装一个vue倒计时组件并将其上传到npm，希望能帮到一些小伙伴~组件开始效果跟结束效果github地址：https://github.com/applebring/DirCountDown.git组件未上传源码文件目录:src/packages/countdownvue文件中引用1、下载该组件no...

问题：解决：修改.labelrc文件配置{  "presets": ["es2015", "stage-2"],  "plugins": ["transform-runtime"],  "comments": false,}

一、引入store到vue组件中（1）store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state={ isCollapse:false}export default new Vuex.Store({ state});（2）main.jsimport Vue from 'vu...

出现问题:后台为了防止XXS攻击加入了CSP内容安全策略设置，导致vue-cli中通过url-loader处理为base64的字体文件和图片文件因为违反规则而出现图标不出现解决方法：（1）后台处理以IIS为例： &lt;add name="Content-Security-Policy" value="default-src 'self';" /&gt;在上面的代码中加入允许规则，改为如下 ...

需求：随机生成不同的如下图标的背景颜色方法：本来通过计算属性渲染出随机颜色，然而计算属性是一次性获取值，即使你把RandomColor引入v-for中也没有用，得到的只会永远是同一颜色，除非刷新页面颜色才改变，但是还是没法实现五颜六色的功能，因此，换了中思路，直接在v-for循环中加入随机生成颜色代码，即可快速得到不同颜色的方块。 computed: { RandomColo...

需求:更改elementui中el-transfer样式， 实现单击左侧选项即加入右边选框，单击右侧选项即可回到左侧选框，中间左右来回按钮更改为左侧全选右侧全选本以为自己能够不看elementui源码实现这需求，在折腾了一天还没实现后，还是回归到其源码进行研究，自己通过纯vue实现主要遇到了以下问题:若是不需要进行模糊查询可通过index进行增删改查实现穿梭框功能，但是若是加入模糊查询则问题百出，...

需求：项目经理要求实现一个类似QQ成员系统管理的组件来进行成员系统权限的添加，可多选可查询，本来想用elementui树图组件，但是elementui树图搜索父节点却没展示子节点，于是在之前改过elementui组件一波三折后直接自己上手写了个组件，本组件树还是引用了elementui的树图组件，因此请在vue项目中添加入element-ui,本组件可嵌入模态弹框中github地址：https...

有时候急着学更多新知识会把最基础的遗忘，以前使用PHP那会还知道表单序列化，最近通过form获取里面所有name属性对应的控件值却把document.getElementById('表单Id').serializeArray()给遗忘了，通过遍历name属性去获取表单控件值-----勿忘初心需求：之前项目大都是后台进行最后的登录接入，现在用了vue需要前端自己通过实现登录页面，以博客登录为例，...

安装一个基于vue-cli脚手架的vue项目：1、cnpm install vue-cli2、vue init webpack 项目名字（demo）截止一路enter键，安装vue-router是输入y，其他均为n3、cd demo4、修改config中index.js文件，将autoOpenBrowser改为true(此处设置可自动打开浏览器，不需要则不用），输入npm run dev则可看到v...