若依VUE前端打包,nginx非根目录404解决

  • Post author:
  • Post category:vue

源码修改部分 1.退出登录(不然退出的时候会404):Navbar.vue:112行 this.$store.dispatch('LogOut').then(() => { // 退出登录问题 // location.href = '/index' this.$router.push(`/login?redirect=${this.$route.fullPath}`) }) 2.路由部分(不…

继续阅读 若依VUE前端打包,nginx非根目录404解决

springboot+vue自习室预定系统(源码+文档)

  • Post author:
  • Post category:vue

风定落花生,歌声逐流水,大家好我是风歌,混迹在java圈的辛苦码农。今天要和大家聊的是一款基于springboot的自习室预定系统。项目源码请联系风歌,文末附上联系信息 。 目前有各类成品java毕设,需要请看文末联系方式 。javaweb,ssh,ssm,springboot等等项目框架,源码丰富,欢迎咨询。 社团管理源码下载地址: https://download.csdn.net/downl…

继续阅读 springboot+vue自习室预定系统(源码+文档)

vue项目接入海康威视H5player.js 2.0版(回放示例)

  • Post author:
  • Post category:vue

概要 公司项目接入海康威视的球形监控设备,需要项目支持使用海康威视监控视频,以及视频回放等功能。项目要求无插件接入,使用户体验最佳。所以采用海康威视的h5player.js,因为接入时,海康威视的js版本已经2.0,在网上没找到其他博客,所以特此记录。 环境搭建 因为被环境问题搞了好几次,所以特别在此提醒各位同学,在开发之前一定先把环境调好(真的会被搞死的,搞得我头都大了) 首先确认自身项目所在环…

继续阅读 vue项目接入海康威视H5player.js 2.0版(回放示例)

Vue中父组件滚动条出现在子组件上的解决方案

  • Post author:
  • Post category:vue

问题描述 当我们在使用vue 的时候,可能会遇到当你在父组件上调用了其他子组件的时候,这个子组件明明不应该有滚动条,却显示了滚动条,而且上下拖动还会影响父组件的滚动条,这对网页的实际使用产生了不好的影响 楼主的情况 有一个命名为a的父组件 <template> <div> <detail-banner></detail-banner> <det…

继续阅读 Vue中父组件滚动条出现在子组件上的解决方案

解决Vue中data数据进行大规模重置问题

  • Post author:
  • Post category:vue

如果我们对响应式数据进行重置时, 一个较为麻烦的办法是,对数据逐个进行重置 这里我们将谈到一个更为简洁的方法,代码如下: Object.assign(this._data, this.$options.data()); 下面我们来解析一下这条语句, Object.assign()是es6新增的方法,可以合并对象 所有的响应式数据,都在this._data中,this._data可以操作data中的…

继续阅读 解决Vue中data数据进行大规模重置问题

vue-cli 3.0配置webpack目录别名alias

  • Post author:
  • Post category:vue

最近用vue脚手架新建工程的时候,发现vue-cli提供的是3.0.0-beta.6版本,安装完成之后也找不到config、build等目录,不懂要从哪里入手配置别名alias 安装 npm install -g @vue/cli # or yarn global add @vue/cli vue create my-project 启动 "scripts": { "serve": "vue-cl…

继续阅读 vue-cli 3.0配置webpack目录别名alias

vue+element UI带输入建议的输入框el-autocomplete

  • Post author:
  • Post category:vue

     之前做的项目中使用了element的选择器,然而由于选项太多不好找就更换为带输入建议的输入框 但我们接口要求并非是传入公司名称,而是传入这个注册公司的id,后端传入的数据结构经过转换后大致是这样的: companyList = [ { company_id: 1, comopany_name: '腾讯' }, { company_id: 2, comopany_name: '阿里' },…

继续阅读 vue+element UI带输入建议的输入框el-autocomplete

VUE 仿windows文件夹文件

  • Post author:
  • Post category:vue

我在2019年的时候,曾经在一家工厂,做过一个文件管理系统,当时有个界面效果是如下,采用的是jquery来写的,2年后,我又看到了这种,不过这并不是我写的,但不影响我去学习研究并对比,如下是现在VUE响应式的文件夹/文件前端效果   Rec 0002  功能:新增 移动 上传 删除 全选 重命名 查找 所用技术 Vue+element  所用技术点        element的面包屑      …

继续阅读 VUE 仿windows文件夹文件

vue图片压缩image-conversion

  • Post author:
  • Post category:vue

vue图片压缩 需求解决方式一、安装依赖二、根据图片URL进行压缩完整代码1.将图片URL转为转为file2.页面中使用 三、上传文件时进行压缩 需求 根据图片的URL或者上传图片时将图片进行压缩到10KB 解决方式 使用image-conversion进行压缩 一、安装依赖 npm i image-conversion 页面中引入 import * as imageConversion from…

继续阅读 vue图片压缩image-conversion

vue html多页面应用,[Vue]Vue配置多页应用

  • Post author:
  • Post category:vue

大部分时间,Vue都用来开发单页面应用程序(single page web application,SPA),但有时也需要开发多页面应用,这就要配置Vue CLI。有Vue CLI,一是在项目的package.json中添加一个vue字段,在这个字段中配置相关的功能,二是在项目根目录新建一个vue.config.js,这个文件会被Vue CLI合并到webpack的配置中。这里以vue.confi…

继续阅读 vue html多页面应用,[Vue]Vue配置多页应用