
vue
rennan…
这个作者很懒,什么都没留下…
展开
-
vue.js中获取当前日期的前n天或者后n天(亲测成功)
说明:当传入的date是正数n时(比如1),返回的是你当前日期的前n天,传入为0时,就返回当前日期,传入为负数n时(比如-1),返回的就是你当前日期的后n天代码如下:ShowDate(date){ var num = date let n = num; let d = new Date(); let year = d.getFullYear(); let mon = d.getMon原创 2020-05-30 15:14:01 · 5855 阅读 · 0 评论 -
在vue中将数据导出为excel文件file-saver+xlsx+script-loader
下载依赖npm install -S file-savernpm install -S xlsxnpm install -D script-loader创建文件Blob.js和Export2Excel.js文件中添加如下代码Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samar原创 2020-05-29 15:55:09 · 3308 阅读 · 0 评论 -
vue中如何将将时间类型转换为字符串
var testDate = new Date();// toString() 把 Date 对象转换为字符串。var dateobj_toString = testDate.toString(); // toTimeString() 把 Date 对象的时间部分转换为字符串。var dataobj_toTimeString = testDate.toTimeString(); // toDateString() 把 Date 对象的日期部分转换为字符串。var dat原创 2020-05-28 19:40:54 · 13115 阅读 · 0 评论 -
vue使用百度地图api(vue-baidu-map)
1.安装vue-baidu-map组件npm install vue-baidu-map --save2.在main.js中注册vue-baidu-mapimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ ak: 'YOUR_APP_KEY'})3.使用<template>原创 2020-05-28 13:13:43 · 2596 阅读 · 1 评论 -
在vue模板中使用echarts实现一个图表
1.下载echarts模块npm i cnpm install echarts --save导入在你想要使用echarts的页面里导入import echarts from 'echarts'使用定义一个echarts容器记得设置宽高<div id="main" style="width: 600px;height: 400px;"></div>实例化一个echarts对象this.charts = echarts.init(document.getElem原创 2020-05-27 14:28:10 · 1042 阅读 · 2 评论 -
vue的router-link和a标签的本质区别
a标签和router-linka标签<a href="">链接 </a>router-link<router-link to=""></router-link>a标签点击a标签从当前页面跳转到另一个页面通过a标签跳转,页面就会重新加载,相当于重新打开了一个网页router-link通过router-link进行跳转不会跳转到新的页面,不会重新渲染,它会选择路由所指的组件进行渲染总结通过a标签和router-link对比,router-原创 2020-05-25 09:08:34 · 3991 阅读 · 0 评论 -
vue 刷新当前页面,使用this.$router.go(0)闪白问题(使用provide / inject)
当我们在项目的开发中,肯定会遇到做了某些操作(修改,删除)后需要刷新页面的时候平常的刷新页面的方法:this.$router.go()location.reload()上面的方法都是可以进行刷新但是屏幕都会闪白一下,体验极差解决这种问题使用的方法使用provide / inject原理:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效修改APP.vue文件APP.vue<template> <div i原创 2020-05-24 12:45:28 · 7124 阅读 · 2 评论 -
vue的this.router.push跳转时报错Uncaught (in promise) undefined
console里报错 Uncaught (in promise) undefined原因:vue-route的版本过高导致在升级了Vue-Router版本到到3.1.0及以上之后,页面在跳转路由控制台会报Uncaught (in promise)的问题。解决方法:可降级操作npm i vue-router@3.0 -S...原创 2020-05-21 20:40:58 · 1792 阅读 · 0 评论 -
报错:Use /* eslint-disable */ to ignore all warnings in a file.
有了eslint的校验,可以来规范开发人员的代码,是挺好的。但是有些像缩进、空格、空白行之类的规范,但是稍有不符合,就会在开发过程中一直报错,太影响心情和效率了。所以,还是会选择关闭eslint校验。 如何解决:将如下一行注释或者删除...(config.dev.useEslint ? [createLintingRule()] : [])参考链接:https://www.cnblogs.com/jianxian/p/11917591.html...原创 2020-05-20 19:46:17 · 5922 阅读 · 4 评论 -
关于vue中filters的指向问题
vue中的过滤器更偏向于对文本数据的转化,而不能依赖this上下文,所以在vue的filters中this指向的是undefined如果要想实现和filters和this配合实现的功能,可以使用计算属性computed或者方法methods,也可以改变filters中的this指向在mounted中改变this的指向mounted() { window.that = this}...原创 2020-05-05 09:33:46 · 569 阅读 · 0 评论 -
如何解决vue的this.$router.push()在同一页面无法跳转问题
在做项目的检索功能时碰到这样一个问题,首先所有的页面都包含了这个headers,headers写了搜索框以及按钮,点击搜索之后要跳转到检索的页面,但是当你正好处在检索页面的时候点击检索之后参数居然不发生变化,一查,结果是this.$router.push()无法再一个页面做跳转解决方法:这里的解决方法比较粗暴我使用window.localtion.href = ‘路由’+’?参数’就可以直接跳转了...原创 2020-05-20 00:17:03 · 12212 阅读 · 2 评论 -
vue中axios的封装
新增js文件:这里新增了一个http.js的js文件import axios from 'axios';let base = 'http://127.0.0.1:8000';export const Test = params => { return axios.post(`${base}/a/`, params).then(res => res); };调用://params 是传输的参数 不需要传的时候不传2即可Test(params).then(res=>原创 2020-05-19 21:35:40 · 144 阅读 · 0 评论 -
使用nginx在contos7上部署vue项目
Vue项目部署到centos7系统服务器1.安装nginx并启动1.1下载安装包cd /usr/local (切换路径)wget http://nginx.org/download/nginx-1.6.2.tar.gz (选择一个比较稳定的版本下载即可,或者手动下载后,用xshell传到该目录下也行)1.2 解压安装tar -zxvf nginx-1.6.2.tar.giz -C /usr/local (local这个目录类似于Windows的program目录,所以一些软件可以都安装在这里)原创 2020-05-17 13:07:34 · 745 阅读 · 0 评论 -
Websocket介绍以及优势 ?django+vue实现即时通讯以及点对点通讯和广播
1Websocket 即使通讯1.1websocket介绍WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。1.2目的即时通讯,代替轮询网站上的即时通讯是很常见的,比如网页的QQ,聊天系统等。按照以往的技术能力通常是采用轮询、Comet技术解决。1.3两种连接短链接型基于HTTP短连接如何保障数据的即时性HTTP的特性就是无状态的短连接,即一次请求一次响应断开连接失忆,这样服务端原创 2020-05-17 12:18:37 · 1022 阅读 · 0 评论 -
在vue中配置axios,并使用
1.下载axios。npm install axios --save-dev2.在main.js中导入axiosimport axios from 'axios';Vue.prototype.axios=axios3.使用this.axios({ url: "/api/t/astrit_list/", method: "get" }).then(res => { console.log('aa') } }),.原创 2020-05-15 11:06:00 · 829 阅读 · 0 评论 -
vue中如何安装使用element-ui?
1.首先安装element-uinpm i element-ui -S2.安装成功后在main.js中到导入element-ui,并使用import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3.进入element-ui官网,寻找你想要的组件。...原创 2020-05-15 09:41:12 · 1546 阅读 · 0 评论 -
关于vue路由中/#的问题
1.为什么会出现#?因为我们搭建的环境默认用的hash mode,所以路由上会有#,2.如何解决?在src/route下的index.js文件里添加一行即可解决该问题import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({ routes: [ {原创 2020-05-14 17:03:53 · 3463 阅读 · 0 评论 -
如何修改vue默认的端口号
在启动vue项目的时候不想起8080端口,或者8080端口被占用时如何修改vue项目中的端口首先在根目录下载找到config文件夹下的index.js然后修改port 改为你想要的端口原创 2020-05-14 16:53:29 · 4091 阅读 · 0 评论 -
django+vue实现跨域(前端跨域和后端跨域)
django实现跨域只需几步即可实现跨域1.下载django-cors-headerspip install django-cors-headers2.在INSTALLED_APPS里添加“corsheaders”INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions',原创 2020-05-14 14:10:10 · 2333 阅读 · 0 评论 -
django+vue实现webshell
Webshell“web”的含义是显然需要服务器开放web服务,“shell”的含义是取得对服务器某种程度上操作权限。webshell常常被称为通过网站端口对网站服务器的某种程度上操作的权限。一方面,webshell被站长常常用于网站管理、服务器管理等等,根据FSO权限的不同,作用有在线编辑网页脚本、上传下载文件、查看数据库、执行任意程序命令等。另一方面,被入侵者利用,从而达到控制网站服务器的目的。这些网页脚本常称为WEB脚本木马,比较流行的asp或php木马,也有基于.NET的脚本木马与JSP脚本木原创 2020-05-09 00:00:28 · 810 阅读 · 0 评论 -
vue防止用户恶意点击按钮
vue如何防止用户恶意点击按钮vue如何防止用户恶意点击按钮使用禁止点击事件:disabled<button @click="sub" :disabled="isdisable">确定</button>设置为true的时候 禁止点击 false的时候可以点击<script> export default { data () { retu...原创 2020-03-31 16:19:03 · 2036 阅读 · 0 评论 -
django+vue实现websocket即使通讯
Websocket 即时通讯1.需求即时通讯工具一定要保障的是即时性基于现在的通讯协议HTTP要如何保障即时性呢?2.短连接型基于HTTP短连接如何保障数据的即时性HTTP的特性就是无状态的短连接,即一次请求一次响应断开连接失忆,这样服务端就无法主动的去寻找客户端给客户端主动推送消息1.轮询即:客户端不断向服务器发起请求索取消息优点:基本保障消息即时性缺点:大量的请求导致客户端...原创 2020-05-06 12:22:11 · 1103 阅读 · 0 评论 -
django+vue实现搜索功能
Vue部分使用了heyui控件来实现了搜索框的展示并双向绑定了work<!-- 搜索 --><Search v-model="work" @search="search"></Search>export default { data(){ return{ work:"" } },}上列操作完成后 就开始search方法跳转...原创 2020-05-05 09:36:47 · 1533 阅读 · 1 评论 -
vue钩子函数中俩个连续函数的依赖错误
在vue中mounted的里发送axios请求时可能第二个请求中发送的数据会依赖第一个请求拿到的数据mothods:{ get_course(){ this.axios({ url: "/api/t/coursedetail_list/", method: "get", params: { id: this....原创 2020-05-05 09:32:16 · 163 阅读 · 0 评论