vue
文章平均质量分 52
大海无量波涛凶
学习使我快乐
展开
-
vue安装使用axios请求数据
1.安装(如果已经安装了淘宝镜像)进入到项目目录:cnpm install axios安装完后会在node_modules文件夹下看到axios文件夹2.使用axios请求数据在.vue文件中<script> import axios from 'axios' export default { data() { return { checke...原创 2018-07-09 08:54:20 · 461 阅读 · 0 评论 -
elementUI upload上传文件时携带token
参考文章:https://segmentfault.com/q/1010000010201366前端:<template> <el-upload action="test" :headers="importHeaders"></el-upload></template> <script>var myto转载 2018-12-19 16:57:30 · 15453 阅读 · 0 评论 -
axios 设置headers
axios({ method:"put", url:"....", headers:{ "Authorization":oldToken }}).then((res)=>{ console.log("请求结果=="+JSON.stringify(res)); var data=res.data;}) .catch...原创 2018-12-07 09:52:26 · 19569 阅读 · 1 评论 -
vue中给index赋值时报Invalid prop: type check failed for prop "index". Expected String, got Numbe
<el-submenu :index="item.id"> <template slot="title"> <i class="el-icon-location"></i> <span>{{item.name}}</span> </templa原创 2018-12-07 11:56:35 · 14195 阅读 · 3 评论 -
Vue2.0 Vue.set的使用
参考文章:https://blog.csdn.net/qq_30455841/article/details/78666571用这个可以更换table绑定的数据转载 2018-12-15 09:07:28 · 460 阅读 · 0 评论 -
element ui 使用el-select问题:
后台返回数据:实现效果:代码:<el-select placeholder="请选择角色" v-model="name" > <el-option v-for="item in allRoles" :label="item.name" :value="item.id"></el-option&原创 2018-12-10 16:43:30 · 7663 阅读 · 1 评论 -
springboot下载文件功能实现以及vue实现下载
后端:// 文件下载功能 @RequestMapping("/excel/download") public void downexcel(HttpServletResponse res){ System.out.println("文件下载功能=="); String fileName = "日报表.xlsx"; res...转载 2018-12-21 16:16:28 · 17856 阅读 · 1 评论 -
Vue移动端开发如何在手机端时时预览
参考:https://www.jianshu.com/p/0b903bfae2d5转载 2019-08-19 15:10:49 · 569 阅读 · 0 评论 -
Vue页面加载时,触发某个函数的方法
mounted:function(){ this.createcode();//需要触发的函数 }//下面是createcode函数createcode(){ var self = this; axios.post("/verifycode",{name:this.name,id:this.id}).then(function(res){...转载 2019-08-26 16:22:14 · 18378 阅读 · 0 评论 -
vue中引入公共方法并使用
https://www.cnblogs.com/cazj/p/10906215.html转载 2019-08-27 09:08:24 · 1098 阅读 · 0 评论 -
axios传给后台对象数组,以及后台的接收(java)
前端传给后台的数据:var tableData=[{"name":"测试人","age":18},{"name":"管理人员","age":30}] axios传值:把对象数组转成json字符串var bb=JSON.stringify(this.tableData);后端接收: @PostMapping(&quo原创 2018-12-13 16:20:33 · 18333 阅读 · 4 评论 -
vue对后台接口的封装统一管理
参考文章:https://www.jianshu.com/p/72d911b6d61d转载 2018-12-08 16:57:09 · 6804 阅读 · 0 评论 -
vue之跳转页面
跳转Login.vue->Home.vue:if (res.data.msg=="登录成功"){ this.$router.push({name: 'home'});}原创 2018-07-09 15:21:54 · 4497 阅读 · 0 评论 -
vue搭建后台管理页面(点击左侧导航,切换右侧内容)
home.vue页面:<template> <div style="background-color: #EBEBEB;min-height:900px"> <div style="width:100%;background-color: #636363; overflow: hidden"> <span class="...原创 2018-07-10 15:44:05 · 46001 阅读 · 4 评论 -
vue安装并创建运行第一个vue项目(一)
参照:https://www.jianshu.com/p/2769efeaa10ahttps://blog.csdn.net/c_royi/article/details/78847609vue安装:1.nodejs安装下载地址:https://nodejs.org/en/download/ 选择对应版本的下载。然后傻瓜式一步安装到底。比如我的安装后目录为 E:\Program F...原创 2018-07-05 14:22:51 · 5669 阅读 · 0 评论 -
vue和element-ui使用
上一篇已经创建好一个vue项目。这一篇主要是创建一个vue项目并结合饿了么框架element-ui。1.先创建vue项目,我准备把项目放在e盘下:E:\Work\RegisterProject;命令行进入这个目录:创建一个基于 webpack 模板的新项目(1)vue init webpack register(项目名)需要yes按Enter健就可以了,不需要输入n,然后按Enter健。创建完成:...原创 2018-07-06 14:32:06 · 110123 阅读 · 9 评论 -
vue设置一开始进入的页面
vue项目默认进入的页面是HelloWorld.vue现在我们创建一个页面Login.vue<template> <div>登录界面 </div></template><script type="text/ecmascript-6"> export default { data() { ...原创 2018-07-06 15:04:14 · 68066 阅读 · 7 评论 -
vue2.0学习——使用webstorm创建一个vue项目
参考:https://blog.csdn.net/weixin_40877388/article/details/80911934转载 2018-10-18 10:25:13 · 804 阅读 · 0 评论 -
vue项目打包部署到tomcat上
1.打包命令npm run build,如果用到yarn,打包命令:yarn run build;2.打包后复制dist中所有文件,在tomcat中的webapps下一个新建项目名(例如demo),复制到demo中,重启。访问:[ip]:[port]/demo3.如果出现空白页,修改config下的index.js文件。我的index.js文件:'use strict';// Te...原创 2018-10-22 11:22:06 · 10215 阅读 · 1 评论 -
vue两个页面跳转
如现在有两个页面Login和Home,路由配置在index.js中:import Vue from 'vue'import Router from 'vue-router'// import HelloWorld from '@/components/HelloWorld'import Login from '@/components/views/login/Login.vue'imp...原创 2018-10-27 14:09:38 · 7776 阅读 · 7 评论 -
el-container 布局
代码:<template> <div> <!--布局容器--> <el-container style="background: crimson;height: 100%;min-height:100vh;" direction="vertical"> <!--顶部栏-->原创 2018-11-05 10:59:44 · 18397 阅读 · 0 评论 -
VUE+Vant 实现图片上传
https://blog.csdn.net/weixin_34049948/article/details/91388526methods:{ onRead2(file) { let content = file.file; let data = new FormData(); data.append('img',content);...转载 2019-08-28 13:49:54 · 2486 阅读 · 0 评论