引言：笔者为前端小白，本文乃笔者初学axios，参考无数资料写下Demo的代码分享，介于网上资料虽然多但是大多需要不断尝试才能验证真伪，本文代码皆是笔者验证可行的代码，希望能给同是小白的小伙伴带来一点便利（拿去拿去，不用客气～ ^!^） 项目背景：前端框架是Vue-cli4.0，http请求处理使用axios，后端java/数据库Mysql（小伙伴友情协助，此处点36个赞！） 方案一：axios直…
场景和环境：web软件开发，JavaScript API v3.0 1.安装 NPM $ npm install vue-baidu-map --save 2.配置webpack.base.conf.js //全局安装后，这里可以不加 externals: { "BMap": "BMap" }, 3.配置index.html <!DOCTYPE html> <html> &…
标签 v-show 控制 html显示 <div v-show="isShowMServiceImage || isShowFileImage"> ....... </div> table vue使用v-html数据太长不换行问题 首先，使用pre标签pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符（例如：\n）。而文本也会呈现为等宽字…
最近在写框架，开发主页面的时候布局采用的是左侧菜单栏的形式，因为没有现成的轮子与使用技术栈的原因，选择使用elementui的navmenu控件进行改造，实现多层级的菜单栏展现样式，先上个效果图 因为是使用asp.net mvc5进行的开发，所以不可能使用webpackge纯前端的方式使用vue单文件的形式造轮子，所以经过搜索，决定使用x-template类型的脚本文件作为模板载体进行二次封装，首…
slot 英文的意思是“插槽”的意思，vue用这个词做标签，意思是能够在这个标签里插入一些东西，是由调用组件（父组件）向其调用的子组件里插入一些东西的一个解决办法。 slot的语法如下： <slot></slot> 以上这段代码是书写在需要支持插入能力的子组件里的，有了这段标签代码后，子组件就支持父组件向其内部插入东西了。 一个支持slot的子组件的模板html如下： &l…
Vue+Spring Boot使用ElementUI el-upload实现视频带参数上传(前后端代码详解） 前言 Vue实现带参数视频上传 Spring Boot接收参数并保存视频 实现效果 视频上传前Vue前端 视频上传中Vue前端 视频上传成功后Vue前端 视频上传成功后Spring Boot后端 上传结果 前言 在百度上看到很多博主谈起Element UI el-upload大多都是对官网…
1.npm install babel-plugin-transform-remove-console --save-dev 2.在vue.config.js或者babel.config.js中引入 const proPlugins = []; // 如果是生产环境，则使用去掉console的插件 if (process.env.NODE_ENV === 'production') { proPl…
一、使用Docker部署单节点Nginx 1、在CentOS上安装部署Docker 请参考： https://blog.csdn.net/yueyue763184/article/details/126776158?spm=1001.2014.3001.5502 2、拉取最新版Nginx镜像 docker pull nginx 3、创建后面需要映射的文件夹 mkdir -p /home/nginx…
首先我遇到的情况是在store/index.js中，将pinia抽离开来 import type { App } from 'vue'; import { createPinia } from 'pinia'; const store = createPinia(); // 创建pinia实例 // 全局注册 store export function setupStore(app: App<…
在平常浏览网页时，我们会注意到在有的网站中，当点击页面中的链接进行路由跳转时，页面顶部会有一个进度条，用来标示页面跳转的进度（如下图所示）。虽然实际用处不大，但是对用户来说，有个进度条会大大减轻用户的等待压力，提升用户体验。本篇文章就来教你如何在Vue项目中实现这样的进度条。 1.安装Nprogress npm install nprogress -S 2.在router.js中引入Nprogre…