devtools浏览器edge vue

vue+el-timeline动态表格时间线

原文链接:https://blog.csdn.net/Shids_/article/details/126645038 前言当我们需要在页面中展示一系列时间相关的事件时,常常会考虑使用时间线来呈现。而在 vue 框架中,我们可以借助一些组件库来快速实现时间线的功能。其中, el-timeline 就 ......
el-timeline 表格 timeline 时间 动态

Vue可输入的下拉框

原文链接:https://blog.csdn.net/m0_72189030/article/details/130881295<template> <el-select v-model="value" placeholder="请选择" clearable :style="{ width: '10 ......
Vue

Vue 判断开始时间不能大于结束时间

原文链接:https://blog.csdn.net/lzfengquan/article/details/119993515 <template> <div> <el-form ref="form" :model="form" label-width="80px"> <el-form-item l ......
时间 Vue

Spring Boot 2.7+ 浏览器请求没法匹配时404,500,自定义显示错误页面 Whitelabel Error Page This application has no explicit mapping for /error

Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Fri Sep 08 11:23:31 CST 2023 There wa ......

Vue -el-table表格动态控制表头动态展示数据(控制每一列展示)

前言最近在实际开发中我们遇到一个需求是用户自己控制键值来生成对应表格数据。 换个思路就是我们还是正常查询数据,需要一个开关页面来动态改变表格展示每一列。 我们需要一个开关页面,里面有多选,确定重置取消,确定时把选中数据传递给父组件,动态数据for循环 最好是以封装成组件的形式,可以使代码减少,别的地 ......
表头 动态 表格 el-table 数据

js中监听到浏览器标签页的新增、切换等变化

在JavaScript中,可以使用 `visibilitychange` 事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。 下面是一个示例代码,展示如何使用 `visibilitychange` 事件来监听标签页的变化: ```js document.addEv ......
浏览器 标签

vue2使用 AMap-Vue 高德地图(矩形、圆形、多边形)绘制电子围栏

AMap-Vue 参考 安装使用 | AMap-Vue (gitee.io) main.js引入 import AmapVue from '@amap/amap-vue'; Vue.use(AmapVue); AmapVue.config.key ='您申请的key值'; AmapVue.confi ......
多边形 围栏 矩形 圆形 AMap-Vue

vue3 + TS + three初始化搭建

这段时间一直在学习three,vue3 和TS 一直有了解但做项目都没有使用,趁着有时间,想着自己做个小demo检测所学成果。 安装three,@types/three,我使用vue创建项目,TS版本和three 不兼容,然后又下载的最新版本。 然后封装一个类,初始化场景,相机,控制器,渲染器,后期 ......
three vue3 vue TS

0010Java程序设计-springboot+vue影院售票系统设计与实现

## 摘 要 看电影已经成为了人们生活中不可缺少的一部分,电影院售票及管理系统是电影院的日常管理及售票任务的核心, 在电影院中, 工作人员并非只是放映电影, 还有诸如票房统计、影片放映、影片场次安排、影片售票金额统计等繁琐的工作, 完成这些工作量需要很大的时间及精力,在未使用软件管理之前, 只能人工 ......
程序设计 springboot 影院 程序 系统

vue+Spring Boot+nginx 部署项目遇到问题

##1、 前端图片资源404 图片放到`public/images/background.png` 下部署到服务器上找不到 **解决:** `url('/public/images/background.png')` ##2、 前端访问后台接口404 nginx配置有误,按下面修正 ###后端 ![ ......
项目 Spring 问题 nginx Boot

01-vue简介

中文官网:Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org) Vue介绍 Vue 是一套用于动态构建用户界面的渐进式JavaScript框架 什么是渐进式,就是Vue可以自底向上逐层的应用,对于简单应用只需要一个轻量小巧的核心库,对于复杂应用可以引入各式各 ......
简介 vue 01

vue中scoped原理

vue中scoped原理 scoped 在vue组件中的style标签上有一个特殊属性“scoped” 作用 当一个style标签拥有scoped属性时,它的css样式就只能作用于当前的组件,通过该属性,可以使组件之间的样式不互相污染。 原理 为组件实例生成一个唯一标识,给组件中的每个标签对应的do ......
原理 scoped vue

vue + canvas 实现九宮格手势解锁器

此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器,用户可以通过在九宫格中绘制特定的手势来解锁。 ......
手势 canvas vue

vue组件级别的权限控制

**核心思想:尽量减少对组件的侵入性,也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
组件 级别 权限 vue

chrome浏览器导致闪黑屏解决办法

chrome浏览器导致闪黑屏解决办法 1.进入chrome://flags2.将“Accelerated 2D canvas”改为Disabled ......
浏览器 办法 chrome

vue

### vue2 #### 引入方式 ```python #CDN的方式引入 #下载后导入 其实就是直接在浏览器中打开https://cdn.jsdelivr.net/npm/vue/dist/vue.js,然后复制下来,创建一个js文件再粘贴进去 7.补充 解释型的语言是需要解释器的 js就是一门 ......
vue

Vue简单浮动标签(simple floating labels)

简介及使用教程 Vue简单浮动标签(simple floating labels)是一个基于Vue.js的简单浮动表单标签组件,支持自定义颜色、边框及错误信息。 安装 npm i vue-simple-floating-labels 使用 引入组件 import FloatingLabel from ......
floating 标签 simple labels Vue

js 全屏和退出全屏 这里是vue2的写法

全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
写法 vue2 vue js

使用fiddler只能获取模拟器默认浏览器,抖音无法访问获取第三APP无法访问

本文章主要是学习,不要违法犯罪了,遵守平台规则,奥利给 第一步 你先安装Xposed框架+JustTrustMe,记得用模拟器,不然xposed把你手机搞炸了不关我的事(手动狗头)安装这个好像是为了应付第三APP无法访问的 这个Xposed夜神模拟器里的软件商城可以看,因为我下了老半天下不来,还有记 ......
模拟器 浏览器 fiddler APP

滚动到底部的Vue指令插件

简介及使用教程 Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件,用于Vue.js 2,当在该元素中添加新内容时,滚动到该元素的底部。 安装 npm i vue-chat-scroll 使用 import Vue from 'vue' import VueChatScro ......
指令 插件 Vue

Vue 拖拽组件(Draggable)

简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性: 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放, 没有j ......
组件 Draggable Vue

Vue 密码强度测试器(Password Strength Meter)

简介及使用教程 Vue 密码强度测试器(Password Strength Meter)是一个基于zxcvbn的交互式密码强度测试组件。 安装 Npm npm i vue-password-strength-meter zxcvbn 使用 基础用法 <template> <password v-mo ......
强度 Password Strength 密码 Meter

vite + vue3 自动导入点击路由刷新问题记录

export default defineConfig(() => { // 这里只加入了element的有其他的也加在这里 const optimizeDepsElementPlusIncludes = ['element-plus/es']; // 预加载element样式 有其他组件也是如此设 ......
路由 问题 vite vue3 vue

Vue3实战06-CompositionAPI+<script setup>好在哪?

Vue 3 的Composition API + ``` ``` 这就把清单功能独立出来,可在任意需要的地方复用。 基于组件去搭建应用,可实现对业务逻辑的复用。如有其他页面也需要用到这功能,直接复用。 然后,就可基于新语法实现清单应用。 把之前的代码移植过来后,使用ref包裹的响应式数据。修改tit ......
CompositionAPI 实战 script setup Vue3

2-Vue.js环境准备-使用vue-cli快速搭建项目(cli2)

一、概述 在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用。如果使用npm过程中安装速度过慢,可以考虑使用淘宝镜像的cnpm来代替npm。 首先Vue的安装依赖于Node.js,要保证你的计算机上已经安装过Node.js。可以参考前面的文章:htt ......
cli vue-cli 环境 项目 cli2

selenium4 如何支持chrome浏览器驱动

1.驱动安装 1.1自动安装(适用于 外网可以访问的场景) import time from selenium import webdriver from selenium.webdriver.chrome.service import Service from webdriver_manager. ......
selenium4 selenium 浏览器 chrome

新建vue项目(vue@3.3.4)

一,通过命令行创建 root@lhdpc:/data/vue# vue create responsive 此处使用默认选中的vue3,回车即可 二,运行vue项目: 按照提示运行 root@lhdpc:/data/vue# cd responsive/ root@lhdpc:/data/vue/r ......
vue 项目

npm:安装@vue/cli(5.0.8)

一,安装@vue/cli: 查看bin目录下的程序 root@lhdpc:/usr/local/source/node# ls /usr/local/soft/node-v18.17.1-linux-x64/bin/ corepack node npm npx 用npm安装 root@lhdpc:/ ......
npm cli vue

vue 图片加框及文字标注,并可返回base64

// 图片添加标注并转为base64,用于对图片某个地方画框标注文字 /** * 获取table可视化高度 * @param imgUrl 图片地址 * @param markInfo 标注信息,markInfo.target是标注画框的坐标,markInfo.text为标注文字,默认标注在画框的右 ......
文字 图片 base vue 64

VUE后台管理系统(三) 项目引入Echart

### 项目引入`Echarts.js` - 安装依赖 ``` - npm install echarts ``` - 新增`lineChart组件`,用来展示`折线图` ``` - 准备容器 - 生成echart实例 - 实例.setOption({}) # 一堆的配置... ``` ``` ## ......
后台 管理系统 项目 Echart 系统