![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
专注学习java
学习不进则退
展开
-
SpringBoot和Vue如何在一个jar包运行
Vue打包Vue打包文章的第七大点注意两点:第一点 端口对应问题第二点 #号标识SpringBoot项目打包将dist文件夹内容粘贴到Vue中添加静态文件的映射spring: resources: static-locations: classpath:/static/再打jar包运行jar包访问前端界面访问数据库...原创 2021-08-26 14:18:37 · 923 阅读 · 1 评论 -
前后端交互-怎么在前端显示级联的数据
首先先看看后台打印的结果再看前端的接收为什么要这样写啊?因为addressList是在data数组里面的对象,所以想要取得数组里面的对象就得根据下标可以的到。因为我要循环得出所有数据,所以就两层循环了。如果你想得到某条数据,就根据下标来取吧!代码如下 <div v-for="address in tableList"> <div>联系人:<input type="text" v-model="address.addressList[0].addressre原创 2020-12-31 15:01:56 · 781 阅读 · 0 评论 -
前后端交互-数据类型不匹配(TypeError: data.reduce is not a function)
**错误:**TypeError: data.reduce is not a function错误原因:response.data数据打印出来了,但是赋值的前面that.tableData却没有数据在前台打印出来。解决方法观看前台可知第一个打印就是个数组了,后台传过来的是一个对象,所以错误就是前后端的数据类型不一致。解决方法:将后台的数据的返回类型改成了数组的形式就好了。...原创 2020-12-30 21:57:14 · 9731 阅读 · 1 评论 -
前端Vue怎么获取登录的用户名
前言首先本篇写给一些有前端基础的人看登录界面存用户名,key值为user//调用后台的方法 登录方法Login() { //axios 获取网络 var that = this this.$axios.post("http://localhost:8088/xiaoxiang/findloginuser", { userName: this.username, password: this.password, //身份的验证 ind原创 2021-04-10 14:08:32 · 11594 阅读 · 7 评论 -
前端如何打印profile:[object Object]类型
直接打印:console.log(“profile:”+profile);打印结果为:profile:[object Object]换种打印方法console.log(“profile.username:”,profile.username);打印结果为:profile:Object { username: “test”, token: “154954264jun” }...原创 2021-04-10 13:37:23 · 777 阅读 · 0 评论 -
vue项目复制后运行成功仍然访问原来老项目代码的解决.idea
遇到一个问题百思无解 最终解决 。记录一下。问题表现为:1、copy一个老的vue项目【oldOne】到一个新的文件夹下面命名为【newOne】2、用webstorm打开,删除部分多余代码,删除package.json中新项目不会用到的配置3、在webstorm中打开终端,输入【npm install 】命令(无异常)4、结束后输入 【npm run dev】命令 ,也无异常,项目正常启动。5、这时候就出现问题了:项目启动之后运行的代码不是新项目的代码,而是老项目的代码,甚至在main.js中添转载 2021-04-09 22:29:25 · 3186 阅读 · 3 评论 -
Vue+vuex+vue-router+element-ui实现侧边栏和可增删的标签页(附源码)
运行结果参考博客:https://blog.csdn.net/weixin_43930186/article/details/86677941存在缺陷:你点击标签页的时候路由里面颜色没有跳转,因为时间问题就没有深究了。后面如果还能再碰到就会去解决一下1.安装相应的依赖可以参考我的这篇博客:https://blog.csdn.net/weixin_45969142/article/details/1141265182.工程目录结构3.建立store文件夹,建立index.js文件imp原创 2021-03-25 22:22:34 · 3390 阅读 · 1 评论 -
Vue中运行出现Module build failed (from ./node_modules/babel-loader/lib/index.js)的问题解决方案
错误介绍:在项目中运行的时候出现报错,错误为Module build failed (from ./node_modules/babel-loader/lib/index.js)解决方案:1.控制台输入命令:npm install @babel/core @babel/preset-env2.结果为转载博客:https://blog.csdn.net/weixin_33968104/article/details/94543443...原创 2021-03-20 21:20:23 · 8907 阅读 · 0 评论 -
如何将el框架中的icon图标用本地图片给替换掉
前言:首先我的图片都是从阿里巴巴矢量图标库中下载的。网址为:https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.d2b281273&type=21.下载图片到本地Vue工程的文件夹一般图片都是放在assets中的。如果不会怎么导入静态图片,就去看看这篇博客:https://blog.csdn.net/weixin_45969142/article/details/1148565012.随便C原创 2021-03-19 19:00:54 · 2074 阅读 · 0 评论 -
Vue中参数没有调用报错的的解决方法(注释法+打印调用参数法)
1.方法一:采用注释的方法:You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.您可以使用特殊的注释来禁用某些警告。使用//eslint disable next line忽略下一行。使用/* eslint di原创 2021-03-17 22:09:59 · 630 阅读 · 0 评论 -
Vue怎引入静态图片+引入过程中出现的问题
1.图片的放入位置2.图片的引入,Navi.vue<template> <div> <img id="img" :src="logo"> <div style="margin-left: 900px;font-size: 80px"><p>你好2</p></div> </div></template><script type="text/原创 2021-03-15 22:55:16 · 356 阅读 · 0 评论 -
el框架侧边栏导航栏向下拉满(简单Demo+为什么你的height:100%无用)
1.前言首先说明一下为什么height: 100%没有用推荐博客:https://blog.csdn.net/yanchenxi313761/article/details/79437541讲的很详细的,大家可以好好理解一下。2.App.vue这里用了路由,如果不懂路由的可以看我的这篇文章:https://blog.csdn.net/weixin_45969142/article/details/112012259<template> <div id="app原创 2021-03-09 22:37:53 · 523 阅读 · 0 评论 -
新建Vue工程(详细版)
一:新建Vue工程1.wind+R 输入cmd[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b1c56TTP-1614316101730)(新建Vue工程.assets/image-20210226123949447.png)]2.输入vui ui3.进入项目管理器4.确定工程目录5.点击创建项目6.点击下一步7.创建项目成功二:添加axios依赖1.进入安装依赖2.安装axios依赖3.安装成功三:添加element-ui1原创 2021-02-26 13:19:36 · 1848 阅读 · 0 评论 -
Vue-路由跳转(引用el怎么跳转路由+路由伸缩)
老实讲刚学路由跳转的时候,人都是傻的。感觉懵的很。等自己了解的差不多的时候,又发现挺简单的。自己就简单的把路由跳转给演示一下吧!附上源码。前提:我用的编译环境是vue脚手架,node.js。main.jsimport Vue from 'vue'import App from './App.vue'import axios from 'axios'//路由的关键import router from './router'// ElementUI 框架import ElementUI from原创 2020-12-31 15:34:36 · 1575 阅读 · 0 评论 -
Vue接受后端数据库网址图片,并在浏览器上显现出来
前言老实讲,当我们学的还不深的时候。遇到想要下面这种情况我们要是学的不够好,就比如我想在数据库里面传入一段网址当做图片呗,如下:网址怎么拿的?CSDN啊,写博客的时候都有的,大家注意一下呗使用技术前后端分离(SpringBoot+Vue)那么后端就之间传一段网址过来撒,前端就将网址用img标签输出呗!首先我们判断后端是否将网址传过来,如图所以,我们还剩最后一步,前端将这个数据存入到img标签里面对于这个步骤,我想说让人生不如死啊。网上百度好久啥也没有,问了老师,老师也有点没理解我的原创 2020-12-16 10:31:59 · 6652 阅读 · 6 评论 -
HTML如何引入EL和Layui框架(附上代码和实现)
前言用过Vue的人都知道,建立起来麻烦,要是没学好,还觉得哪哪都不好改,出来一个bug还不知道怎么去理解…但是呢?el这种框架(饿了吗出品)又是基于Vue开发的,在Vue里面引用教程一大堆,但是在html中引入就稀奇古怪的。本人百度了很久也没人讲明白。所以写了篇博客讲一讲怎么EL和Layui框架在 html中用起来啊!(主要讲el,Layui随便调用的顺带一下)添加挂载element-ui是饿了么团队基于Vue开发的组件库,所以若要直接在html中使用,需要挂载vue的js文件。 <scri原创 2020-12-13 18:00:39 · 3812 阅读 · 3 评论