![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vux
文章平均质量分 57
Honins
架构师产品经理之路
展开
-
vue.js的axios和ssm框架后台控制器传参的问题
前台的写法是这样的,注意不用设置content-type。就用原来的axios的数据传输格式:json后台的写法是这样使用requestbody注解能够接收到 不加他接收不到、后来学习了springmvc的HttpMessageConverter<T>接口,才了解加了@requestbody才会将接收到的数据自动匹配后面指定的类型,并且保存进去(前提是spring里面已经有配置了)。...原创 2018-04-26 13:11:39 · 2018 阅读 · 0 评论 -
Vue超快速学习(各个知识要点)
基础知识:vue的生命周期: beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed vue常用指令: v-for、v-bind(缩写形式:prop)、v-on(缩写形式@click=’sss')、v-if/v-else/v-else-if、v-model、v-once、v-h...转载 2018-07-25 09:36:44 · 6147 阅读 · 3 评论 -
Vux+ssm 实现上拉获取更多信息的功能(前端界面+后台逻辑代码)
前端使用的是vue2,组件库使用的是vux。实现上拉获取更多的界面:到底的时候,会显示没有更多数据了前端的代码:<template> <div> <Header></Header> <scroller lock-x height="600px" @on-scroll-bottom="onScrollBotto...原创 2018-07-20 13:55:45 · 810 阅读 · 0 评论 -
Vue项目上线后,点击刷新按钮(f5)报错404的问题(使用nginx)
Vue上线后,点击刷新按钮报错404问题使用vue-cli构建的项目上服务器后,点击刷新按钮报错404问题,这个问题困扰好多天了,今天决定把它解决掉。首先,出问题的原因是:在 Vue 项目中,可以选择 hash或者 history.pushState() 实现路由跳转。使用history模式的配置是:export default new Router({ mode: 'h...原创 2018-07-30 15:58:40 · 14911 阅读 · 7 评论 -
Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]详解
一篇关于vue钩子函数的文章,很实用,也解决了我的很多疑问 前言说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中也算是比较高频的考点,那么该如何回答这类问题,让人有眼前一亮的感觉呢...个人博客了解一下:obkoro1.comVue-Ro...转载 2018-07-23 09:19:57 · 5841 阅读 · 1 评论 -
vux 获取表单验证校验的返回值
使用is-type的情况vux使用x-input情形如下:表单中需要填写手机号,填完手机号之后,进行提交。点击“提交”按钮的时候,需要判断手机号是否通过校验,vux提供了is-type内置验证器,我们省去了自己校验手机号的过程。 有3点需要注意,1. x-input控件上加了 ref ,加了ref才能使用this.$refs.mobile.valid2. x-input...原创 2018-08-10 14:06:46 · 1748 阅读 · 0 评论 -
vux中关于axios使用get方式的前后台处理
今天整合项目时,发现get方式的数据交互存在问题,特此再次记录一下。刚开始以为使用get方式交互数据时只能用json,后来发现url的方式也是可以的1. api.js里的写法axios.get(`${base}/getManagerInfor`,{params:params}).then(res => res.data);注意这里要写这么写传参 { params:params...原创 2018-08-15 17:36:06 · 2710 阅读 · 0 评论 -
vue上线服务器后,地址一级目录可刷新,二级目录刷新404
如上图,当路径是 “xxx.com/项目名/aaa/aaa”时,刷新页面404.当页面路径是“xxx.com/项目名/aaa”时,页面刷新没问题。这种情况我是配置nginx解决的,当时以为完全没问题了,但是后来发现路径是2级时,还是会报404。nginx配置是这样的这么配置项目的1级目录没问题。排查的时候,发现有这个问题:多了一个work,而这个work是我ur...原创 2018-08-22 17:39:50 · 7272 阅读 · 2 评论 -
vue-cli 3.x脚手架配置并使用vux
vue-cli更新到3.x,改动很大,做前端的朋友推荐我将vux项目转到vue-cli3上,通过看文档和查资料,花了几个小时,终于完成,特此记录。一、安装vue-cli 3首先官方文档:https://cli.vuejs.org/官方文档包含了很多的内容,很靠谱,比较全面,第一步当然是把官方文档看一遍。安装Node 版本要求Vue CLI 需要 Node.js 8.9 或更...原创 2018-08-29 13:43:15 · 20786 阅读 · 32 评论 -
使用vuecli3配置vux2热更新的问题
首先贴一下解决的代码需要注意的是,我之前baseUrl都配错了,刷新的报错 “<”的错误,其实就是路径的问题,刷新后找不到文件 上次用vuecli3配置完后,可以使用,但是发现一个问题:居然不能热更新。感觉是vue.config.js的问题,可是里面啥都没写用vue ui看了下有没有什么提示,发现有个提示:一看,果然热更新这部分有问题,但是怎么解决呢。又想...原创 2018-09-04 10:42:17 · 5023 阅读 · 0 评论 -
vue/vux+ssm 嵌套JSON数组的前后台处理方式
嵌套JSON数组的前后台处理方式,今天终于完成了这样的效果:前台页面的写法:<template> <div> <Header></Header> <router-view></router-view> <h3 style="margin:20px 0 20px 20px">我的市场原创 2018-07-13 16:08:37 · 952 阅读 · 0 评论 -
关于springmvc接收json对象的方式
今天想在后台单独接收一个参数“fullname”,前台传送的数据格式是json,在处理的过程中发现了一些问题。1.前端传送的json数据问题,刚开始是使用vux ajax的get方法传fullname,后台一直报错说没有没有收到参数,很奇怪。后来查看请求体,还是没有内容。后来请求方式改成post,请求里就有内容里。所以:后台使用resqusetBody接收参数时,vux里使用get,这时...原创 2018-07-18 12:48:19 · 638 阅读 · 0 评论 -
Vue利用url传参 在各个组件间的数据交互的写法
前端界面上使用的是vux中的cell组件,cell带链接和参数的写法<cell title="医院名称" :value="h.医院名称 is-link :link="{path:'hospInfor',query:{hospital:h.医院名称}}"></cell>点击这个cell后,链接地址变成了 :XXXXX?hospital=一医院在目标组件(hosp...原创 2018-07-18 12:46:13 · 1378 阅读 · 0 评论 -
Vue-cli 项目怎么上线服务器
刚开始按照网上的说法打包上线放到tomcat的webapps下,但是访问的时候,资源找到的,页面确是一片空白后来发现里这个大兄弟的博文,的确有效https://blog.csdn.net/Dear_Mr/article/details/72871919访问不到页面,其实就是路径的问题,要让项目正常运行,重点是修改这几个地方:把2处地址改成 ./还有这里做修改:注意:这里base的路径要和 项目名字...原创 2018-06-14 13:08:16 · 3862 阅读 · 0 评论 -
Vue-cli项目上线服务器后 请求不能发送
可以使用微信的web开发工具用于移动端浏览器的测试原因:网络地址的问题,不能访问到接口方法1:将js里的请求地址改为ip地址+端口方法2:因为上线后,是放在tomcat的webapp下,地址端口是一样的,所以地址可以直接这么写:将地址改成127.0.0.1和localhost原理是一样的,他们访问的是本机本地的资源,是不成功的。...原创 2018-06-14 13:10:02 · 3689 阅读 · 0 评论 -
vux 获取表单验证校验的返回值(使用isType和自定义的方式)
使用is-type的情况vux使用x-input情形如下:表单中需要填写手机号,填完手机号之后,进行提交。点击“提交”按钮的时候,需要判断手机号是否通过校验,vux提供了is-type内置验证器,我们省去了自己校验手机号的过程。有3点需要注意,1. x-input控件上加了 ref ,加了ref才能使用this.$refs.mobile.valid2. x-input控件上加required将其变...原创 2018-06-14 13:15:38 · 6234 阅读 · 2 评论 -
Vux 方法成功后的跳转路由的写法
正确写法:methods:{ login () { console.log('>>>>>>>>>>>>>>>>>>>>>login...'); this.$http.post('http://localhos原创 2018-06-14 13:19:39 · 1764 阅读 · 0 评论 -
Vux发送http请求(AjaxPlugin)的配置和用法
官方文档首先看一下官方文档官方文档已经讲得听清楚了,现在自己配置看看个人配置Main.js文件中模板内使用样式:需要注意的是我在2个圈圈里的下划线,仔细看还是能发现不同的。 下面的then((response)) 里面的response就是后台返回给我们的所有信息,包括请求头,和数据(data)等等,如下:而上面的then( ( { data } ) ) 其实就是指定了收到的所有内容里的数据...原创 2018-06-15 15:17:40 · 4267 阅读 · 0 评论 -
Vux发送跨域http请求时保持sessionid一致
因为我用的是vue-resource插件,所以在每次跨域请求后台时都是一个新的session,所以后来处理session的时候,每次获取的值都是null要保持一致,需要做一些配置:java后台:后台在springmvc的配置文件里要加上 allow-credentials="true" ,才能接受前台传过来的session前台:Get方法的写法:Post方法:这样就可以了注意一定要按照格式写,否则...原创 2018-06-15 16:33:38 · 1953 阅读 · 0 评论 -
Vue-cli+ssm框架 axios跨域请求的问题!以及遇到的各种坑!
解决这个问题的过程还是比较曲折的,花了我一天的时间。昨天在看vue.js框架的文档,准备实现下利用vue-cli和ssm实现前后端分离技术。vue-cli 利用nodejs好不容易搭建完成,成功运行前端界面。随后添一下代码,向ssm项目发送请求并接受数据。Vue具体的安装和配置是学习这篇文章:https://blog.csdn.net/muxinxin880422/article/details/...原创 2018-06-08 16:59:52 · 2757 阅读 · 1 评论 -
Vuejs 嵌套数组 属性值的修改
这个效果终于实现了!html的写法:<x-table :cell-bordered="false" :content-bordered="false" style="background-color:#fff;" v-for="office,officeIndex in list.offices"> <tr style="background-color: #F原创 2018-07-02 16:01:14 · 5368 阅读 · 0 评论 -
vux+ssm 前后台分离的跨域问题(续)
这一篇是延续我之前的跨域问题,上次没有弄的很清楚,这次接着解决上篇:Vue-cli+ssm框架 axios跨域请求的问题!以及遇到的各种坑!昨天将vux上线发现了不能获取用户名信息,奇怪的是在我电脑可以获取,但是在手机上就不行今天发现问题所在了,主要是在2各方面1:我的电脑可以获取,是因为我的本地跑着tomcat服务,因为我的ajax请求路径用的是 “/langyage”开头,即使我使用的是47上...原创 2018-07-12 11:25:01 · 631 阅读 · 0 评论 -
vue里使用create、mounted调用方法的正确姿势
首先,我之前有个错误的写法:错误有2:1,我一直以为在created里定义方法然后使用,其实这里的getCustomerInfo只是调用2,所有的方法都应该在methods里定义,然后在created或者mounted里 使用this调用方法,用这种方式实现初始化正确写法:这样,页面开始会初始化信息,修改信息后会执行getCustomerInfo()方法刷新数据,这...原创 2018-09-05 14:00:51 · 94540 阅读 · 7 评论