摘要:
实现效果: 即需要实现当前元素与相邻元素交换位置, 当上移时,则是当前元素与上一元素调换位置;当下移时,则是当前元素与下一元素调换位置。 实现代码: js: //点击上移 clickUp(index){ this.swapArray(this.tableData, index-1, index); 阅读全文
摘要:
需要遍历对象,将key value分为两个数组,可以使用forin,但是获取到的对象中的属性及属性值排列是无序的, 目的是要按顺序取出对象中的key和value值。 实现效果: 比如接口返回的对象格式: 需要转换的格式: 实现代码: //按序输出数据 for(let i in res.data.al 阅读全文
摘要:
效果如下: 在不分离项目中,需要网站里的所有页面均显示相同的网站图标,在前后端分离项目中可以直接在static的index.html中添加,但是不分离项目中就不行了, 实现办法: 写一个公用的commons.jsp文件,里面写上所有页面都需要的东西,比如css,js,img,favicon.ico等 阅读全文
摘要:
有时候需要设置滚动条的位置,比如: 1.vue使用vue-router在切换路由时,如果页面不需要请求接口的话,则不会刷新页面,这时候浏览器会保留上个页面的滚动条位置,在下一个页面仍保留在该位置, 2.聊天框里,设置的height:100%,这样高度超出会出现滚动条,在每次输入新的消息点击发送时,聊 阅读全文
摘要:
想要在页面中插入视频,比如mp4格式,使用VideoPlayer 实现效果: 实现代码: 1.页面引入: <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options 阅读全文
摘要:
文件、图片在后端主要以两种方式存储: 1.保存在服务器上,数据库中存储的是该文件、图片的地址; 2.将文件、图片转为二进制流,数据库中存储的是对应的二进制流。 针对第一种情况的话,直接请求接口获取到对应的URL地址,赋值给src即可。 第二种的话需要转换一下,请求接口获取的是二进制流,在控制台看到的 阅读全文
摘要:
问题: 使用router-view嵌套路由时,固定的那方若数据是请求接口获取的,在其他路由组件中,需要固定那方的数据更新,应该怎么去请求它的接口? 组件间通信,使用eventbus。 使用router路由跳转时,通过query传参,怎么传文件过去?传过去的还是正常的文件么? 在data中直接给一个变 阅读全文
摘要:
实现效果: 想要实现可以上传文件和文件夹这个操作, 实现代码: 1.html: <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="modeUpload" 阅读全文
摘要:
vuex:专为vue开发的一个状态管理模式,相当于保存数据的一个大仓库,可以在任何地方对数据进行改变,其他组件中使用该数据时可以实时更新。 localstorage:浏览器缓存,将数据保存在本地,除非被清除,否则永久保存。 两者区别: 1.vuex中的数据是保存在内存,所以刷新页面相当于是清除内存, 阅读全文