logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

自定义封装Vue倒计时组件vuecountdown

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

vue-cli3 接口api代理 308 Permanent Redirect

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

#vue.js
Vue中使用Vuex对象展开运算符写法“...”出错

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

Vue页面数据刷新处理(路由$route监听+Vuex处理)

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

Vue通过for循环随机生成不同的颜色或随机数

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

vue项目后台给登录页面如何接入?一个接口+Vue-Router+Vuex简简单单实现登录

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

基于elementui源码实现自定义穿梭框transfer组件

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

vuex踩坑记-注入store过程中vue文件报错store is not define,state is not define..各种undefine

一、引入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...

Vue中引入高德地图cdn链接方式汇总(可按需加载)

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

到底了