后端一般要求的传递方式：get 和 post1.传递的为普通参数(get)2.传递数组对象形式3.传递表单形式.......

实现目标：点击下载按钮，浏览器下方出现下载的文件，word文件将下载为word文件格式，不会进行pdf的转换。实现效果：实现方法：1.后端swagger中：2.api的js文件中：export function planDownloadById(param) {return request({url: '/xxxx/xxxx/download',method: 'post',data: param

实现目标：点击按钮，出现弹窗，弹窗中为m3u8格式的监控实时画面。实现效果：1.index.html文件中：<!-- 取流 --><link href="https://cdn.bootcss.com/video.js/7.6.5/alt/video-js-cdn.min.css" rel="stylesheet"><script src="https://cdn.b

【代码】vue/css滚动条设置（颜色、宽度、滑块设置等）

1.传true和flase的方式：vue文件中：<template slot-scope="scope"><el-switch v-model="scope.row.active"active-color="#13ce66"inactive-color="#ff4949"@change="changeStatus($event,scope.row,scope.$in

在系统登录后将用户登录的token、用户名信息分别存储至Cookie和localStorage中，便于系统后续不同用户权限的控制。一、存储在Cookie中的文件封装在src的utils中新增auth.js文件，文件代码为：import Cookies from 'js-cookie';const TokenKey = 'Authorization';export function getToken

实现目标：前后端通过WebSocket建立连接，当数据库发生变化后后端向前端推送消息，前端将展示后端推送的消息，同时实现页面部分数据的更新。实现方法：vue文件中：data中：wsUrl: 'xxxx/ws/xxxx/ws/dem/',methods中：// ---- WebSocket连接start ----initWebSocket() {let randomNum = Math.round(

实现效果：template中：引用element的el-tree，其中show-checkbox为显示勾选框，选择true，默认所有节点均有勾选框。<el-treeclass="tree":check-strictly="true":data="datatree":render-content="eventRender":show-checkbox="true"/.

目标：在vue中利用click点击事件实现内容的删除。实现效果：点击最右侧的删除按钮，删除这一个div里面的所有内容。实现方法：template中：<div class="refList" v-for="(item, index) in refListData" :key="index"><div style="display:flex;margin-bottom:18px"&g

这里的vue代理是 vue静态服务器做代理。使用的是http-proxy-middleware这个模块（这个模块相当于是node.js的一个插件）。示例代码：//vue-cli3.0 里面的 vue.config.js做配置devServer: {proxy: {'/rng': {//这里最好有一个 /target: 'http://45.105.124.130:8081',// 后台接口域名w.