样式 组件scoped vue

vue解决跨域

vue-cli2 main.js import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '/api' Vue.config.productionTip = false .vue var This ......
vue

vue之elementui使用, vuex使用, Router使用, localstorage和sessionstorage,和cookie

[toc] # 一、elementui使用 **网址**:https://element.eleme.cn/#/zh-CN/component/installation ## **下载插件** ```python cnpm isntall -S element-ui@2.9 ``` ## **vue ......

前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度

前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=13003 效果图如下: #### 使用方法 ```使用方法 swiperTabList: ["2023-06-10","202 ......
tabs 前端 宽度 效果 动画

vue实现简单的鼠标拖拽横向滚动 和 鼠标滚轮横向滚动

一.鼠标拖拽滚动 以下代码项目中直接使用即可,此种方法是通过鼠标拖拽进行滚动,滑动滚轮无效果。当然快捷键,shift+鼠标滚轮可以控制横向滚动,对用户来说体验不友好。 <div class="tab-list id="nav"> <div class="tab-item" v-for="(item, ......
横向 鼠标 滚轮 vue

element树形结构新建编辑节点组件

element树形结构新建编辑节点组件 功能: 1.可新建最外层一级节点 2.可编辑删除每一级节点 3.可在每一级节点下新增子节点(添加下级) 4.可拖动排序,但只能平级拖动(为了防止拖动乱了的情况) 5.可搜索 6.初始化折叠状态,逐个打开编辑后,保持当前节点打开状态 效果如图: 代码如下: 父组 ......
树形 节点 组件 element 结构

基于vue+flask+sql的公司销售采购信息服务系统

一、介绍 本项目基于Flask+Vue+Mysql的后台服务系统,主要针对某一公司日常后台操作而开发的一系列功能,包含用户管理,客户管理,采购管理,销售管理,库存管理,财务管理,权限管理,数据管理等功能。 二、软件架构 软件后端使用Flask,数据库使用mysql数据库,前端主要使用vue_ui2 ......
服务系统 系统 flask 公司 信息

uniapp vue3 setup + 云开发开发个人小程序

最近使用uniapp vue3 setup + 云开发开发了个人小程序,设计使用figma软件,看下成品截图吧(可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫) ......
程序 uniapp setup 个人 vue3

视频直播网站源码,vue tabs标签页 点击才加载

视频直播网站源码,vue tabs标签页 点击才加载 tabs标签页,默认加载显示第1个tab; <el-tabs v-model="tTab" type="card" style="height:100%" @tab-click="tTabClick"> <el-tab-pane label="J ......
视频直播 源码 标签 视频 网站

直播系统搭建,vue插件之vue-seamless-scroll 无缝滚动

直播系统搭建,vue插件之vue-seamless-scroll 无缝滚动 使用 import vueSeamlessScroll from 'vue-seamless-scroll' //注册组件 components:{ vueSeamlessScroll} //template <vue-se ......

Vue路由使用总结

1、多级路由 (1)配置路由规则,使用children配置项: // 编写配置项 const router = new VueRouter({ routes: [ { path: '/about', component:About, }, { path: '/home', component: Ho ......
路由 Vue

Qt编写全能播放组件(支持ffmpeg2/3/4/5/6/Qt4/5/6)

## 一、前言 从代码层面以及自由度来说,用ffmpeg来写全能播放组件是最佳方案(跨平台最好最多、编解码能力最强),尽管已经有优秀的vlc/mpv等方案可以直接用,但是vlc/mpv对标主要是播放器应用层面,其他层面比如视频监控行业领域就比较鸡肋,所以还是从底层一点一滴做解码编码会让自己更熟练。关 ......
全能 组件 ffmpeg2 ffmpeg Qt4

vue项目base64编码或者参数里面有 +号问题

当后端返回的链接的token或者参数里带有加号,浏览器打开链接时,页面通过使用this.$route.query.XXXX获取到的参数里 +号会变成空格,导致解密后部分内容变成乱码。解决方法:1.链接是后端返回时,需后端处理,将+号编码变成%2B,再返回链接进行跳转即可2.链接是前端写的话,可直接使 ......
编码 参数 项目 问题 base

vue Router的原理及传参方法

Vue Router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成,可以非常方便地实现单页面应用程序(SPA)的路由功能。Vue Router 的原理主要是通过监听 URL 的变化,根据不同的 URL 显示不同的组件,从而实现页面的切换和跳转。 具体来说,Vue Route ......
原理 方法 Router vue

CSS(精灵图、字体图标、三角、用户界面样式、vertical-align、溢出省略号、常用布局技巧、初始化 )

一. 精灵图(重点) 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 为什么使用精灵图(目的): ·为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出 ......

vue根据日期段获取重叠部分

// 获取日期数组中最大的日期 getDateMax(dataArr) { let max = dataArr[0]; for (let i = 1; i < dataArr.length; i++) { if (Date.parse(dataArr[i]) > Date.parse(max)) { ......
日期 部分 vue

SpringBoot:SpringWeb项目+Vue项目dist包整合成jar包

接到需求做一个小功能项目,其中还要配备前端页面,并且将前端打包进后端jar包内,由jar包运行。 项目结构 将Vue打包之后的dist文件放到resouces资源路径下 修改pom文件 将下面的build配置替换掉pom中的build <build> <finalName>自定义项目jar名称(可以 ......
项目 SpringBoot SpringWeb dist Vue

Vue考试复习

```vue App.vue --> --> ``` # 登录页面 ```vue 登录页面 注册 忘记密码 © 2023 MrFlySand ``` # 购物车 ```vue 搜索 序号 商品 单价(元) 数量 金额(元) {{value.name}} {{value.introduce}} ¥{{ ......
Vue

vue使用 elementUI中el-upload的遇到的问题总结

使用场景,使用el-upload上传文件,选择文件后不立即上传到服务器上,点击提交按钮时与其他form表单数据一起提交,类似的需求,相信有很多小伙伴遇到,可能也会遇到跟我一起的问题,在这里记录一下 <el-upload class="upload-file" action="" :on-change ......
elementUI el-upload upload 问题 vue

springboot+vue留守儿童爱心网站,附源码+数据库+论文+PPT,远程包安装运行

**1、项目介绍** 留守儿童爱心网站采用了B/S结构,JAVA作为开发语言,数据库采用了B/S结构,Mysql数据库进行开发。该系统包括前台操作,后台由管理员和用户两个部分,一方面,为用户提供首页、宣传新闻、志愿活动、爱心捐赠、个人中心、后台管理等功能;另一方面,为管理员提供首页、个人中心、用户管 ......
springboot 源码 爱心 儿童 数据库

前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标

前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下: ![image](https://img2023.cnblogs.com/blog/32 ......
箭头 前端 图标 组件 高度

【VS Code 与 Qt6】运用事件过滤器批量操作子级组件

如果某个派生自 QObject 的类重写 eventFilter 方法,那它就成了事件过滤器(Event Filter)。该方法的声明如下: virtual bool eventFilter(QObject *watched, QEvent *event); watched 参数是监听事件的对象,即 ......
过滤器 组件 事件 Code Qt6

Vue.js

# Vue3 # Vue核心 ## Vue3快速上手 ![image](https://img2023.cnblogs.com/blog/2435432/202306/2435432-20230606232204274-1786524009.png)​ ## 1.Vue3简介 * **2020年9月 ......
Vue js

WPF 入门笔记 - 03 - 样式基础

?本篇为学习李应保老师所著的《WPF专业编程指南》并搭配`WPF`开发圣经《WPF编程宝典第4版》以及痕迹大佬《WPF入门基础教程系列》文章所作笔记,对应《WPF专业编程指南》第 9 章之间内容,主要概述WPF中关于样式的相关内容,希望可以帮到大家? ......
样式 基础 笔记 WPF 03

再也不用担心组件跨层级的数据共享和方法驱动了

@[TOC] 项目中关于组件的使用经常会碰到这种情况:父子组件传和方法调用、兄弟组件的传值和方法调用、多个独立组件的数据共享和方法调用,例如:`a、b`组件的的数据共享,该数据是由`c`传出的,通过`a、b`组件修改共享参数,调用`c`方法实现`a、b`组件的数据更新。本文总结了上述的几种情况并分别 ......
层级 组件 不用 方法 数据

[Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

##报错信息: [Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, ......

Vue_Django 登录注册+图书管理系统

# Vue前端 ## 注册页面 点击查看代码 ``` 注册页面 提交 ``` ## 登录 点击查看代码 ``` 登录页面 提交 ``` ## 查看所有图书 点击查看代码 ``` 图书管理 增加图书 修改 删除 ``` ## 新增图书 点击查看代码 ``` 添加图书 确认添加 ``` ## 修改图书 ......
Vue_Django 管理系统 Django 图书 系统

vue3实现H5网页录音并上传(mp3、wav)兼容Android、iOS和PC端

使用 `Recorder插件` 可以在HTML5网页中进行录音,录音完成后得到blob文件对象,然后将blob上传到服务器;项目使用的vue3.0版本(这个插件同时支持vue2.0、也支持uniapp,很强!!),录音过程中会显示可视化波形,同时能够做到兼容PC端、Android、和iOS,一次编码 ......
Android 网页 vue3 vue mp3

vue报错Invalid VNode type: undefined

# 报错 项目启动后,部分内容没有显示出来。打开console后,显示` [Vue warn]: Invalid VNode type: undefined (undefined) ` ![image](https://img2023.cnblogs.com/blog/1553866/202306/ ......
undefined Invalid VNode type vue

vue后台管理系统实现全屏展示

1. 效果图展示 ![image](https://img2023.cnblogs.com/blog/2670775/202306/2670775-20230611120816911-2045209181.png) ![image](https://img2023.cnblogs.com/blog/ ......
后台 管理系统 系统 vue

Vue跨域配置异常采坑:Request failed with status code 401

本地用Express作为服务端,前端Vue项目配置跨域代理,调用服务端api接口始终报错“Request failed with status code 401”。原来发现是端口3000被占用了,被VSCode的一个插件占用了,修改为其他端口解决。 ......
Request failed status code with