VUE
VUE学习过程
cdada_26
记录我的日常bug
展开
-
docker上跑vue项目
一、docker 起一个nginx 容器docker run -d --name [起一个容器名] -p 8899:8899 --privileged nginx注:端口映射前面是外部的端口,后面是容器内项目的端口因为容器中无法直接进行修改,将nginx.conf的配置文件复制出来注:sad_gates为容器名 docker cp sad_gates:/etc/nginx/nginx.conf /opt/nginx.config修改刚才复制的nginx.conf,在http内添加以下内原创 2021-09-08 17:51:14 · 175 阅读 · 0 评论 -
vue中在v-bind中使用条件判断
<el-tooltip :content="articleItem.articleCheck==1? '审核中':articleItem.articleCheck==2?'已发':articleItem.articleCheck==3?'退回':'' " placement="top" effect="light"></el-tooltip>原创 2021-05-17 23:41:40 · 1906 阅读 · 0 评论 -
vue+element组件实现分页
1.页面代码根据分页容量来限制每页条数:list.slice((currentPage - 1) * pageSize, currentPage * pageSize)"获取分页中每条数据的序号(currentPage - 1) * pageSize+scope.$index + 1 <el-table :data="list.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border fit highlight-原创 2021-05-16 18:29:37 · 330 阅读 · 0 评论 -
在JPA自定义多条件查询语句时出现报错Required request body is missing
在网上查找到原因如下:代码中使用的是Get请求,但是使用了@RequestBody进行数据的封装,因为Get请求发送数据的方式不是json格式,所以当我们使用@RequsetBody封装Get请求的数据时就会出现无法获取到数据的情况; @GetMapping("selectNoticeByUserIdAndNoticeType") public R selectNoticeByUserIdAndNoticeType(@RequestBody Notice notice){原创 2021-05-04 06:12:17 · 254 阅读 · 0 评论 -
vue/html中实现敏感词屏蔽
效果如下,实现完整代码在后面实现思路分析这是在vue的页面的使用,如果在html中的引用,也差不多,首先,得定义方法judgeBadWord()来进行敏感词的匹配,以及获取到输入框的值,来和敏感词进行必对这里我是将敏感词库单独拿出来放在js中,当然屏蔽词少的话只需定义个数组就行如下将完整代码中的这行注释掉this.forbiddenArray=forbiddenArray.forbiddenArray;把这行代码的注释去掉就可以// var forbiddenArray = ["fuck原创 2021-05-02 22:51:02 · 2461 阅读 · 0 评论 -
vue+SpringBoot处理数据 嵌套异常(nested exception)
1. 问题描述在做收藏功能时,出现嵌套异常报错服务端报错日志如下2021-04-20 20:58:10.607 ERROR 10200 --- [io-8088-exec-10] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; ne原创 2021-04-20 21:16:26 · 759 阅读 · 0 评论 -
使用elemenUI用户头像上传组件,图片上传图片没有预览的效果
1. 问题描述在使用elemenUI用户头像上传组件中,出现上传的图片没有预览的效果,这是官方提供的代码<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">原创 2021-02-21 14:35:55 · 746 阅读 · 0 评论 -
vue富文本编辑器mavonEditor实现md/html的保存
先置条件1.通过npm命令安装npm install mavon-editor --save2.在main.js中全局引入 import Vue from 'vue' import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' // use Vue.use(mavonEditor) new Vue({ 'el': '#main',原创 2021-02-03 15:05:39 · 1599 阅读 · 0 评论 -
实现 vue+axios接口小应用
1.效果展示2. 步骤解析导入vue.js和axios2.定义方法 getJoke3.axios应用这里的接口是get请求 所以用axios.get(“https://autumnfish.cn/api/joke”)如果是post、put等方式就对应的请求,()里面是接口地址下面是回调函数,返回接口请求到的内容,resp是定义的结果参数, .then(function(resp){ //这里的this不能访问到joke,所以在要通过外原创 2021-01-31 15:38:51 · 121 阅读 · 2 评论 -
SpringBoot+JPA+VUE框架,实现修改数据出错
SpringBoot+JPA+VUE框架,实现修改数据出错原因是VUE中的pwd没改为userPwd,然后通过接口返回的数据中就没有改字段,这样前后端的数据不一样,识别不到该字段,就报错。实体类的字段原创 2021-01-28 15:50:52 · 230 阅读 · 2 评论