变量vue3 vue css

abp-vnext-pro 实战(六,vue 前端状态pinia)

在login的时候把所有写入全局store, console.log(' 从数据库获取字典 '); const appStore = useAppStore(); const dataDictionaryServiceProxy = new DataDictionaryServiceProxy(); ......
前端 abp-vnext-pro 实战 状态 vnext

vue--day59---集成第三方动画

1. 加载 第三方动画 npm install aninate.css 2. App.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <transition-group appear name="animat ......
第三方 动画 vue day 59

vue--day58---多个元素过度

1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
元素 多个 vue day 58

vue--day57---过度效果实现动画

1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
效果 动画 vue day 57

Vue(十三):条件渲染

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- 条件渲染 ......
条件 Vue

CSS的小问题

在手搓自己的个人网页时,发现使用外联css样式表的时候,如果连续两个div都有class,然后前一个class在外联的样式表里没有出现,那么后面的一个class即使在外联样式表里有写也不会被关联到。再然后我的一个div的类是用内联css规定的可以正常,后面的css都在外联中有且都能正常显示。 虽然不 ......
问题 CSS

Vue接入谷歌广告(Google Adsense)

### 1.注册账户 首先你要拥有一个google账号,[点击注册谷歌账号](https://support.google.com/accounts/answer/27441?hl=zh-Hans),点击个人账号根据提示一步一步来即可注册成功。(当然你需要魔法才可以正常访问谷歌服务) ### 2.补 ......
Adsense 广告 Google Vue

Template String Converter 无法作用在 vue、html 解决方案

在 vscode 插件安装地址中找到该插件,默认位置:C:\Users\你的用户名\.vscode\extensions\meganrogge.template-string-converter-0.6.1 该目录下有一个 package.json 文件,打开该文件,编辑里面的 activation ......

Go 变量

在Go中,有不同的**变量类型**,例如: - `int` 存储整数(整数),例如123或-123 - `float32` 存储浮点数字,带小数,例如19.99或-19.99 - `string` - 存储文本,例如“ Hello World”。字符串值用双引号括起来 - `bool` 存储具有两个 ......
变量 Go

vue3 + h5 构建流程

# 目录 - [目录](#目录) - [初始化项目架构](#初始化项目架构) - [技术栈](#技术栈) - [工具类](#工具类) - [环境](#环境) - [搭建流程](#搭建流程) - [初始化项目](#初始化项目) - [初始化git](#初始化git) - [运行项目](#运行项目) - ......
流程 vue3 vue h5

vue3 基于antd3.2.20封装表格(插槽)

```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量,便于循环 c ......
表格 antd3 vue3 antd 2.20

通过CSS设置渐变色边框

实现渐变色边框的方式有很多,这里示例用css的定位和伪类来实现。 效果图: 直接上代码: ......
边框 CSS

在使用异步请求后把值存入localstore并且在其他变量中首次通过localstore获取不到值

###问题 写了一个方法A,里面有使用AXIOS进行请求(异步),并且把请求后的数据存入localstore,此方法在onMounted中进行调用,之后在其他地方使用时(通过读取localstore来获取值并给变量赋值),发现首次调用是获取不了值进行展示的,刷新后或者切换页面回来后就是按预期展示了。 ......
localstore 变量

vue配置生产环境和开发环境

配置原理:采用node.js顶层对象中的process.env 1、安装依赖 2、创建配置文件 3、 # 页面标题VUE_APP_TITLE = "管理系统" # 生产环境配置ENV = 'production' # 西知后台管理系统/生产环境VUE_APP_BASE_API = 'http://1 ......
环境 vue

switch-case 和 if-else 申明相同变量时报错

## switch-case 和 if-else 在分支处理上的不同 switch case 不同分支里申明同一个变量会报错,因为swicth case 不同的分支仍处于同一个作用域scope。但是if else 却没有注意的问题。 ```js // Cannot redeclare block-s ......
变量 switch-case 时报 if-else switch

vue问题:不存在div或者多个div

<el-radio v-model="radio" label="1">备选项</el-radio><el-radio v-model="radio" label="2">备选项</el-radio>报错: Errors compiling template: Component template ......
div 多个 问题 vue

vue实现文件夹的上传和下载

​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
文件夹 文件 vue

h5(html5)+css3前端笔记三

#CSS简介 ##CSS定义 CSS是层叠样式表(Cascading Style Sheets)的简称 有时我们也会称之为 CSS 样式表或级联样式表 CSS是也是一种标记语言 CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式边距等)以及版面的布局和外 ......
前端 笔记 html5 css3 html

vue-pdf 在vue中展示pdf

老规矩先看效果图: 这玩意的坑是相当的多,如果只是单纯的网页浏览,真心建议直接使用 <iframe> 来进行嵌入pdf吧,省心也省事 我这边的web页面是需要放到客户端里面的,然后由于某些原因吧,不支持显示iframe嵌入的pdf网页,只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧,我尽 ......
vue pdf vue-pdf

安装好了Java、Neo4j社区版3.5.5,和二者的环境变量后,如何浏览器登录Neo4j

前提:安装好了Java、Neo4j社区版3.5.5,和二者的环境变量后。 Win + R -> cmd 进入 输入neo4j.bat console回车 正常情况下是这样: 不正常情况下是这样: 解决办法:输入下图的两句 但是记住:neo4j start一次就要neo4j stop一次,不然会给如下 ......
Neo4j Neo4 变量 Neo 浏览器

数字滚动插件vue-countup-v2

参考博客 https://blog.csdn.net/weixin_44948981/article/details/123544242 options参数说明 duration: 2, // 动画持续时间(秒) useEasing: true, // 使用缓动效果 useGrouping: tru ......
vue-countup-v 插件 countup 数字 vue

vue 线上环境 开启 vue-devtools

vue 项目打包正式环境时,是没有 vue-devtools 选项卡的,没法看 vue 内部的数据 选中 Source 选项卡,找到打包好的 app.js,并格式化 ctrl + f 搜索$mount并在new那里打断点,new后面的对象就是 Vue 对象,需要记住该变量名,下一步要用到 F5 刷新 ......
vue-devtools vue devtools 环境

3d彩色css旋转盒子

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
盒子 彩色 css

ERROR:'ipconfig'不是内部或外部命令,也不是可运行的程序 && 解决配置环境变量时只显示一行的问题

解决方法: 输入cd c:\windows\system32 进入该路径后输入ipconfig,即可得出ip地址。 拓:发现两个进入高级系统设置的方法。 1.桌面.此电脑→右键.属性→高级系统设置 2.桌面.控制面板→搜索.高级系统设置 拓:编辑环境变量的时候,解决配置环境变量时只显示一行的问题 变 ......
变量 amp 一行 ipconfig 命令

批量删除功能(VUE3语法)

使用element ui -el-table方式编写 功能点:点击全选/单选可以进行删除 <el-table :data="date" ref="grayscaleTableRef" min-height="288" max-height="510" style="width: 100%" head ......
语法 功能 VUE3 VUE

实现vue图片放大镜效果

最近想要实现图片放大镜的效果, -首先使用的是原生js+css的方法:参考https://blog.csdn.net/sinat_34849421/article/details/106074482 这个方法功能倒是可行,但是这个方式在跳出这个页面时会报 Uncaught TypeError: Ca ......
放大镜 效果 图片 vue

Vue3 路由优化,使页面初次渲染效率翻倍

## 3996 条路由? ![](https://img2023.cnblogs.com/blog/1085489/202308/1085489-20230808091919118-1153265185.png) `addRoute`函数用了大约1s才执行完毕。通过观察,发现居然有3996条路由记录 ......
路由 效率 页面 Vue3 Vue

vue3 'alex' is defined but never used

解决方法 在package.json中的rules下加入 "no-unused-vars":"off" 即可 ......
defined never vue3 39 alex

【JavaScript23】使用let声明变量

## 前言 - ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 - let 声明的变量只在 let 命令所在的代码块内有效。 - const 声明一个只读的常量,一旦声明,常量的值就不能改变。 - 在 ES6 之前,JavaScript 使用va ......
变量 JavaScript let 23

Vue中Router笔记学习整理

1:摘要: Vue中的Router是Vue.js框架中的一个核心插件,用于实现单页应用(SPA)的前端路由管理。它允许你在应用中定义不同的URL路径与对应的组件之间的映射,以便在不刷新整个页面的情况下,实现页面间的切换和数据加载。 主要功能包括以下几个方面: 声明式路由:你可以通过定义路由表,指定U ......
笔记 Router Vue