Vue之请求后台POST接口时将参数拼接在url后边传递的两种调用方式

  • Post author:
  • Post category:vue

问题还原: 项目中实现一个功能时,后台接口是需要三个字符串的POST接口,前台调用时参数需要跟在url后边,如何调用那? 后台接口代码如下: @RequestMapping(value = "/***.do",method = RequestMethod.POST) @ResponseBody public HttpResult copy(String id, name, String other…

继续阅读 Vue之请求后台POST接口时将参数拼接在url后边传递的两种调用方式

vue 防作弊功能

  • Post author:
  • Post category:vue

js文件,可适用于移动端和pc端。 主要功能:复制粘贴、切屏、中断、摄像拍照功能。 import axios from 'axios' let cheatInfo = { hideTime: 0, showTime: 0, leaveTimes: 0, breakTimes: 0 } let captureImageTimer = null let isUploading = false let …

继续阅读 vue 防作弊功能

Vue调用接口实现增删改查

  • Post author:
  • Post category:vue

增删改查:增加方法调用接口需要传入新增数据的参数 addUser () { // 提交请求前,表单预验证 this.$refs.addUserFormRef.validate(async valid => { // console.log(valid) // 表单预校验失败 if (!valid) return const { data: res } = await this.$http.p…

继续阅读 Vue调用接口实现增删改查

解决vue-element-admin库npm install报错的问题

  • Post author:
  • Post category:vue

产生原因: 其实这个问题产生的原因很简单,就是原先的tui-editor插件(富文本编辑器插件)换了个名称,现在已经更名为toast-ui/editor因此安装不了,从而报错! 解决方案: 解决方案其实也很简单,具体如下: 第1步:插件更名 首先将package.json中的tui-editor那一行修改为 "@toast-ui/editor": "^3.1.3", 第2步:文件更名 进入\src…

继续阅读 解决vue-element-admin库npm install报错的问题

【Vue3 生态】Vue Router 路由知识概览

  • Post author:
  • Post category:vue

前言 在 Web 前端开发中,路由是非常重要的一环,但是路由到底是什么呢? 数字化管理平台 Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus 个人博客地址 从路由的用途上讲 路由是指随着浏览器地址栏的变化,展示给用户不同的页面。 从路由的实现原理上讲 路由是URL到函数的映射。它将 URL 和应用程序的不同部分映射到特定的处理程序或控制器上。 路由本身也经历了…

继续阅读 【Vue3 生态】Vue Router 路由知识概览

(详解)Vue自定义指令

  • Post author:
  • Post category:vue

一、背景 在我们日常开发中,会遇到特殊的操作例如, 图片懒加载 ,和类似v-model等等这样的自定义指令 二、提前预习(必看) 自定义指令 跟组件一样,也是有生命周期的 ,我们的 操作都是定义在对应的生命周期中 ,然后进行操作的,然后 通过钩子函数传参进行绑定事件等等(先了解下) 2.1自定义指令生命周期 created:在绑定元素的 attribute 或事件监听器被应用之前调用; befor…

继续阅读 (详解)Vue自定义指令

vscode配置了vue代码片段但是无效解决方案

  • Post author:
  • Post category:vue

按照网上的教程添加了代码片段并且重启了vs code,但是敲vue还是没有提示,直接把vs code右下角语言模式设置为vue的,然后进入vue文件敲vue。发现还是没有提示,此时右下角语言模式自己变成了html,手动改为vue,再敲vue的时候发现已经有提示了,大功告成,其他语言同理 版权声明:本文为weixin_43776965原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文…

继续阅读 vscode配置了vue代码片段但是无效解决方案

完整搭建标准前端化框架vue-cli

  • Post author:
  • Post category:vue

一、什么是vue-cli 1、概念:Vue-cli是官方提供的一个脚手架,可以用来快速生成前端化的工程模板! 2、功能: 1、统一的目录 2、快速调试 3、单元测试 4、在线运行 二、环境安装 1、安装 # 安装vue-cli npm install vue-cli -g 2、 检测 # 检测安装的vue应用 vue list 三、创建项目(该文章基于VScode开发) 1、新建一个文件夹 vue…

继续阅读 完整搭建标准前端化框架vue-cli

vue书写一个uni-app小程序

  • Post author:
  • Post category:vue

在本次文章中我来大致向大家介绍一下如何使用Hbuilder X来编写一个uni-app的小程序的项目,在此我只说编写的方法与方向,具体的操作留给大家去亲自实操哦。 1.起步(创建一个uni-app框架): 首先,我们需要把开发工具准备完善,这里之所以推荐大家使用Hbuilder X来开发uni-app项目是因为它的好处有: 模板丰富 完善的智能提示 一键运行 大家可以去官网自行下载这个编辑器,官网…

继续阅读 vue书写一个uni-app小程序

创建Cesium+vue3+iview脚手架

  • Post author:
  • Post category:vue

本文基于vite创建 cesium -vue3版本的脚手架。软件版本如下: Cesium:1.103.0 vue :3.3.4 UI库view-ui-plus:1.3.14 1.新建vue3项目 // npm版本为7+ npm create vite@latest cesium3-vue3-iview -- --template vue //安装vite工具 cd cesium3-vue3-ivi…

继续阅读 创建Cesium+vue3+iview脚手架