![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Chris-yihao
这个作者很懒,什么都没留下…
展开
-
NProgress.js —— vue页面顶部添加进度条
NProgress.js —— vue页面顶部添加进度条原创 2022-10-28 13:54:58 · 562 阅读 · 1 评论 -
axios封装
axios封装原创 2022-10-17 16:13:43 · 79 阅读 · 0 评论 -
element组件el-tree选择框只选择一个
element组件 el-tree选择框只选择一个原创 2022-10-09 16:09:00 · 4475 阅读 · 3 评论 -
js计算两个日期之间的差的天数
js计算两个日期之间的差的天数。原创 2022-08-05 09:49:41 · 755 阅读 · 0 评论 -
element UI select allow-create 创建新条目时不多点击一次
element UI select allow-create 创建新条目时不多点击一次原创 2022-06-16 16:42:43 · 2176 阅读 · 0 评论 -
七牛云监控摄像头直播流web端显示
七牛云监控摄像头直播流web端显示原创 2022-06-15 09:32:06 · 878 阅读 · 6 评论 -
scss文件中使用深度选择器/deep/报错 Expected selector
把/deep/替换成 ::v-deep 就可以了。以下是官方文档做出的解释:原创 2022-05-24 14:43:54 · 1044 阅读 · 0 评论 -
JavaScript 获取两个日期之间所有的日期
JavaScript 获取两个日期之间所有的日期原创 2022-01-10 16:25:08 · 921 阅读 · 0 评论 -
JS格式化 Mon Aug 02 2021 08:00:00 GMT+0800 (中国标准时间)
/** * 日期选择触发 * */ handleSelect(e) { //获取到的e的数据入下 // 0:Tue Jun 01 2021 08:00:00 GMT+0800 (中国标准时间) {} // 1:Fri Jun 11 2021 08:00:00 GMT+0800 (中国标准时间) {} let date = [] for (const i in e) { date.push(this.gettime(e[i])) }..原创 2021-06-11 10:11:37 · 15074 阅读 · 1 评论 -
ElementUI——多个<el-popover>标签不触发解决
问题描述:项目中删除为了避免误触,加了这个确认框,但是在使用过程中发现,列表中只有一条数据时可以触发,但是多条就不能触发。解决办法:将v-mode的visible前面加上这一行scope.row即可。这也算是个野路子,大佬有更好的解决方案请留言。...原创 2021-05-27 17:17:52 · 1431 阅读 · 0 评论 -
redirect重定向
{ path: '/', redirect: '/index'},原创 2021-05-24 13:48:43 · 104 阅读 · 0 评论 -
echarts-gl.js下载
最近使用echarts的3D图表,发现要是用echarts-gl.js。至于这个下载地方,是在是藏得隐秘。点击开就是gethub的地址了,就可以安心下载当然你也可以:原创 2021-05-19 13:58:45 · 2231 阅读 · 1 评论 -
Vue_cli项目打包-配置相对路径
vue_cli打包后的项目,默认使用的是绝对路径,找根目录下的文件当放在服务器根目录时(只有一个项目),使用绝对路径/,是没有问题的服务器有多个文件夹(项目)时,就需要使用相对路径./在项目根目录,新建一个vue.config.js文件module.exports = { publicPath: './', }...原创 2021-05-11 14:37:10 · 3472 阅读 · 0 评论 -
Vue创建高德地图,监听地图层级的变化进行操作
createmap() { let that = this //创建地图 MapLoader().then( (AMap) => { that.map = new AMap.Map('containerRight', { zoom: that.defaultZoom, center: that.defaultCenter, opacity: 5, ..原创 2021-04-12 14:14:09 · 2050 阅读 · 1 评论 -
前端文件下载
先记录function getFile(url, params) { axios({ method: 'get', url: suffix + url + '?' + QueryString.encode(params), responseType: 'arraybuffer', withCredentials: true, }).then(function (response) { let name = _f原创 2021-02-20 17:33:56 · 57 阅读 · 0 评论 -
this $echarts为undefined”
使用echarts 时候在main.js中引入发现还是undefined,把引入语句改为这个就可以了。import * as echarts from 'echarts'Vue.prototype.$echarts = echarts后面再全局引入就可以使用了。原创 2021-01-18 10:21:00 · 2843 阅读 · 1 评论 -
解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题
/** * 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 */const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}```![在这里插入图片描述](https://img-blog.cs原创 2020-12-28 14:32:32 · 150 阅读 · 0 评论 -
git请求使用formData
import axios from 'axios'import qs from 'qs';const baseServer = `http://10.00.000.0:8080/api`; //上海服务器const msgServer = `http://00.00.000.0:8521/api` //消息服务器export function getFormAction(url, parameter) { var config = { headers: {原创 2020-11-26 15:51:39 · 126 阅读 · 0 评论 -
iframe标签全屏
当vue网页中引入iframe时,想要在iframe中操作使得iframe全屏化 <iframe allowfullscreen="true" //允许iframe全屏 src="http://00.00.000.0:0000" //地址 ></iframe>原创 2020-10-30 09:34:30 · 1337 阅读 · 0 评论 -
少量字典查询
有的时候遇上很少的查询,比如说性别啥的,for (var i = 0; i <= this.tableData.length; i++) { this.tableData[i].marital = this.getmarital(this.tableData[i].marital); ); } /** * 字典查询;婚姻状况 * */ getmarital(type) { let m原创 2020-10-30 09:26:51 · 81 阅读 · 0 评论 -
vue使用v-if切换时回到页面最顶部。
有时候使用v-if切换多个展示页面,下拉到下面,如果这时候直接切换,有可能新打开的也是在下面,解决办法:this.$nextTick(() => { let dom = document.querySelector(".planviewNew");//获取组件 dom && (dom.scrollTop = 0); });...原创 2020-10-30 09:15:15 · 796 阅读 · 0 评论 -
Vue+高德地图pc端使用。
VUE+高德地图这是临时写的一个组件,可以直接引用先测试div的大小。<template> <div id="container"></div></template><script>import MapLoader from '@/utils/amap'export default { components: { MapLoader }, data() { return { map: nul原创 2020-07-21 15:26:33 · 462 阅读 · 0 评论 -
非正常Vue框架+elementUI渲染顺序问题
最近项目中用到了一个非正常Vue+element框架,不能使用服务,因为是MVC结构的,所以在页面写完之后加载页面时出现一个加载顺序问题:我们看到,element的js是在非常靠后才加载的,因为页面各不同,即使把引入写在页面前面也无济于事,加载时会出现没有加载css文件的一个空页面,过了大概半秒钟之后,再加载了element。本想做一个loading再加载完成后再进行显示,但是发现loading也是element内部的,还是要加载element之后才能loading,这不是扯呢嘛,没用,也想用原原创 2020-05-25 11:40:15 · 807 阅读 · 0 评论 -
Vue开发规范
Vue 开发规范目录及说明本文档为前端 vue 开发规范规范目的命名规范结构化规范注释规范编码规范CSS 规范规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的文档命名规范为了让大家书写可维护的代码,而不是一次性的代码让团队当中其他人看你的代码能一目了然甚至一段时间时候后你再看你某个时候写的代码也能看普通变量命名规范命名方法 :驼峰命...转载 2020-04-28 09:32:40 · 239 阅读 · 0 评论 -
el-avatar 头像切换不显示
Element UI+Vue踩坑实录:<el-avatar>组件下头像切换不显示<el-avatar class="marr5 comment-photo" :size="30" :src="common.imgPath + userInfo.picture" > <!-...原创 2020-04-27 15:22:35 · 4654 阅读 · 5 评论