我的前端VUE
文章平均质量分 51
杰瑞是个胖子
一枚努力debug的95后程序猿
展开
-
vue常用函数
this.$forceUpdate()用于解决,双向绑定的数据值发生了改变,但是视图没有及时更新。// 获取时间差 getTimeCha(new_date, old_date) { var difftime = (new Date(new_date) - new Date(old_date)) / 1000 //计算时间差,并把毫秒转换成秒 var days = parseInt(difftime / 86400) // 天 24*60*60*1000 v原创 2021-04-12 21:09:44 · 664 阅读 · 0 评论 -
vue项目,自定义指令实现鼠标拖拽更改窗口大小
vue项目,自定义指令实现鼠标拖拽更改窗口大小vue自定义指令vue自定义指令dom元素部分<template> <div class="dragModalWrap" :style="{ width: width + 'px',height: height + 'px', }"> <div class="tuolaBtn" v-drag="{ set: changeWH }" :style="{top:tuoTop +'px',left:tuoLeft + 'px'原创 2021-02-23 10:24:11 · 1141 阅读 · 0 评论 -
VUE之axios封装
最近整了个小项目,为了方便接口调用,自己尝试封装了一下axios接口。import axios from 'axios';// 设置请求的地址// axios.defaults.baseURL = '/'// 请求超时时间axios.defaults.timeout = 10000;// 允许跨域axios.defaults.withCredentials = true;// 设置默认的Content-Typeaxios.defaults.headers.post['Content-Typ原创 2020-12-15 09:08:49 · 185 阅读 · 0 评论 -
电脑安装vue/cli后,vue -V报错解决办法
问题描述:我们全局安装vue/cli时,运行npm install -g @vue/cli命令,然后按照官网运行vue --version发现控制台报错:无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称。有可能是环境变量没有配置好,解决方法如下:1、npm config get prefix2、在电脑环境变量中配置刚刚得出的路径再运行vue -V也可能是电脑设置的问题,解决方法如下:1.用管理员身份运行power shell2.在终端中输入Set-Exe原创 2020-09-14 21:09:01 · 1821 阅读 · 1 评论 -
vue之,组件重新加载刷新
因业务需要,笔者需要做一个vue组件定时刷新重新加载的效果。以前做过一次,页面重新加载的效果,**在app.vue内配置reload函数,在需要刷新的页面调用。但是使用这样的方式实现组件或者页面刷新,会有短暂的白屏现象。经过查阅资料,我使用了dom元素绑定key值,通过改变key值的方式来实现了组件的重新加载效果。经实测,此方法可以规避页面出现短暂白屏的现象。具体代码如下:<template> <div class="main" :key='menukey'></di原创 2020-06-09 11:17:41 · 3941 阅读 · 2 评论 -
Vue中监听vuex数据变化(a组件修改vuex内数据,b组件内触发相应函数)
写了一个新闻类的小网站,客户提出的要求,必须使用导航栏。因为新闻分类太多,我最初的想法是做成一个类似掌阅官网的导航模式。在index组件内渲染分类导航。这样的话,就不用在home组件内头部渲染导航条。但是,根据种种原因,必须设计成home组件头部使用导航的形式。一开始,我是不太想要使用vuex的。但是经过了小半天的踩坑,一直没有做到自己想要的结果。最后还是选择了使用vuex。在安装v...原创 2020-03-12 01:03:06 · 9418 阅读 · 0 评论 -
Vue之vue-quill-editor编辑器内,实现图片上传服务器
Vue中的vue-quill-editor富文本编辑器,相信大家都有使用的相关经验。今天,我在使用它的时候,上传文章。发生一个错误,该报错信息,大概意思就是在后端,文本过长,从而使添加文章信息失败。大家都知道,富文本编辑器内,默认的图片上传是把图片转换成了二进制来进行储存。这样一来无疑会加大后端以及数据库的压力。在跟后端小伙伴沟通后,我决定使用把富文本内的图片动态上传到服务器,然后把图片...原创 2020-03-03 16:28:33 · 1575 阅读 · 4 评论 -
Vue+element ui之侧边栏导航效果优化
昨天在我个人写的一个vue项目中,侧边栏导航遇到了一个优化方面的小难题。问题描述:用户进入后台管理首页,通过点击导航栏加载路由组件,在子组件内有面包屑导航。通过面包屑导航,点击回到首页时,侧边栏默认选中的项目没有恢复默认值。问题分析:在项目中,Home.vue文件里设置了 data() { return { // 被激活的链接地址 activePath: ...原创 2020-02-26 14:30:13 · 2300 阅读 · 0 评论 -
vue路由组件的写法踩坑
今天自己动手搭了个新的vue框架,准备做一个小项目。一切准备就绪,当我写完登录的路由组件,测试的时候一直有报错。原创 2020-02-24 11:36:23 · 771 阅读 · 0 评论 -
vue页面刷新当前页的方法
关于vue项目刷新当前页面,我试了一些方法,最终找到了一个目前我所知道最棒的方法。记录如下:在App.vue声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载在App.vue页面代码:<template> <div id="app"> <router-view v-if="isRouterAlive"><...原创 2020-01-15 19:40:33 · 1901 阅读 · 0 评论