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 · 254 阅读 · 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 · 2064 阅读 · 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 · 472 阅读 · 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 · 333 阅读 · 0 评论 -
vue/html中实现敏感词屏蔽
效果如下,实现完整代码在后面 实现思路分析 这是在vue的页面的使用,如果在html中的引用,也差不多,首先,得定义方法judgeBadWord()来进行敏感词的匹配,以及获取到输入框的值,来和敏感词进行必对 这里我是将敏感词库单独拿出来放在js中,当然屏蔽词少的话只需定义个数组就行 如下将完整代码中的这行注释掉 this.forbiddenArray=forbiddenArray.forbiddenArray; 把这行代码的注释去掉就可以 // var forbiddenArray = ["fuck原创 2021-05-02 22:51:02 · 2764 阅读 · 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 · 953 阅读 · 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 · 873 阅读 · 0 评论 -
vue富文本编辑器mavonEditor实现md/html的保存
先置条件 1.通过npm命令安装 npm install mavon-editor --save 2.在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 · 1752 阅读 · 0 评论 -
实现 vue+axios接口小应用
1.效果展示 2. 步骤解析 导入vue.js和axios 2.定义方法 getJoke 3.axios应用 这里的接口是get请求 所以用axios.get(“https://autumnfish.cn/api/joke”) 如果是post、put等方式就对应的请求,()里面是接口地址 下面是回调函数,返回接口请求到的内容,resp是定义的结果参数, .then(function(resp){ //这里的this不能访问到joke,所以在要通过外原创 2021-01-31 15:38:51 · 190 阅读 · 2 评论 -
SpringBoot+JPA+VUE框架,实现修改数据出错
SpringBoot+JPA+VUE框架,实现修改数据出错 原因是VUE中的pwd没改为userPwd,然后通过接口返回的数据中就没有改字段,这样前后端的数据不一样,识别不到该字段,就报错。 实体类的字段原创 2021-01-28 15:50:52 · 299 阅读 · 2 评论
分享