vue
qq_34182649
这个作者很懒,什么都没留下…
展开
-
vue history模式刷新404
vue hash模式下,URL中存在’#’,用’history’模式就能解决这个问题。但是history模式会出现刷新页面后,页面出现404。解决的办法是用nginx配置一下。这是在网上查到的,但是我不是用nginx的不知道怎么解决先用回hash模式在这里记录一下以后找到解决办法更新...原创 2020-08-21 14:24:07 · 446 阅读 · 0 评论 -
springboot 应用resetful
@ResponseBody @RequestMapping(value = "/admin/schools", method = RequestMethod.GET) public String getProvinces(){ resetfulRepond respond = new resetfulRepond(ResetfulStatus.SUCCESS, "获取学校信息成功", yibanSchoolService.getAllSchool()); ...原创 2020-08-15 16:06:40 · 187 阅读 · 0 评论 -
vue 跨域与检验token的拦截器同时配置导致跨域失败
参考文章:https://blog.csdn.net/qq_39007083/article/details/103582232VUE 跨域时好像会先发一个option的请求只要在token的拦截器里面加这个就行 if(request.getMethod().equals("OPTIONS")){ //在拦截器中设置允许跨域 response.setHeader("Access-Control-Allow-Origin", "*");.原创 2020-08-15 15:55:52 · 582 阅读 · 0 评论 -
element-ui select下拉框默认值
先上代码 <el-select v-model="addForm.school" placeholder="请选择学校"> <el-option v-for="item in schools" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select>我是用 v-model=原创 2020-08-15 15:52:01 · 1447 阅读 · 1 评论 -
ElementUI和Axios提交带有文件的表单
完整表单代码 <el-form :model="addForm" ref="addFormRef" label-width="75px"> <el-form-item label="学校" prop="school"> <el-select v-model="addForm.school" placeholder="请选择学校"> <el-option v-for="item in school原创 2020-08-15 15:48:50 · 584 阅读 · 0 评论 -
vue中常用的验证的正则表达式(手机号验证 邮箱验证 纯数字验证)
判断年纪 const age = /^[0-9]*$/判断是否邮箱 const reg = /^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;判断手机号码const reg = /^[1][3,4,5,7,8][0-9]{9}$/;原创 2020-08-13 16:37:23 · 652 阅读 · 0 评论 -
VUE之promise的使用
promise是什么?1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列promise可以实现异步操作所以可以避免界面冻结(未响应)new Promise( function (resolve, reject) { // 一段耗时的异步操作 resolve('成功') // 数据处理完成 // reject('失败') // 数据处理出错 }).then( (re原创 2020-08-12 16:13:30 · 235 阅读 · 0 评论 -
vue Element表单预验证
表单完整代码: <!-- 登陆表单 --> <el-form :model="form" :rules="login_rules" ref="form" label-width="0px" class="login_form" > <!-- 用户名 --> <el-form-item prop="username">原创 2020-08-12 14:01:12 · 355 阅读 · 0 评论 -
vue之 v-bind和v-model的区别
1.v-bind用来绑定数据和属性以及表达式, 页面数据改变不会令绑定的数据改变,但变量数据改变会令他改变,缩写为’:’2.v-model使用在表单中,实现双向数据绑定的,即任一方改变另一方都会随之改变,在表单元素外使用不起作用...原创 2020-08-12 11:01:01 · 208 阅读 · 0 评论 -
VUE之计算属性computed
计算属性computed 是为了减少类似模板逻辑的出现,并且让属性支持多行表达式<div id="example"> {{ message.split('').reverse().join('') }}</div>如果项目中频繁使用 会降低代码可读性 并且难以维护,并且如果是多行的表达式也不能适用这时候就要用到计算属性computed了<div id="example"> <p>Original message: "{{ message }原创 2020-08-10 10:42:58 · 178 阅读 · 0 评论 -
VUE之插值
文本插值:{{}}里面的值修改会重新渲染<span>Message: {{ msg }}</span>通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定:<span v-once>这个将不会改变: {{ msg }}</span>双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,需要使用 v-html<p>Using mus原创 2020-08-10 10:21:59 · 724 阅读 · 0 评论