变量vue3 vue css

vue中配置使用axios

简单示例代码: 请求网络的js逻辑,可以放到request.js文件中,放在目录utils下; import axios from "axios"; axios.defaults.withCredentials=true; //创建axios实例 const instance = axios.cre ......
axios vue

vue获取thymeleaf中的值

这里是thymeleaf的便利,想要在vue的@click中的函数中传递thymeleaf便利的数据。 需要在@click中加上th交给thymeleaf托管,然后再方法前后加上“|”即可 ......
thymeleaf vue

java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统,附源码+数据库+文档+PPT

1、项目介绍 java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统,实现管理员:首页、个人中心、公告信息管理、院系管理、班级管理、学生管理、宿舍信息管理、宿舍安排管理、卫生检查管理、报修信息管理、报修处理管理、缴费信息管理,学生;首页、个人中心、公告信息管理、宿 ......
管理系统 宿舍 系统 springboot 源码

vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…

报错原因 在新版本的npm中,默认情况下,npm install遇到冲突的peerDependencies时将失败。 解决办法 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突,并强制获取远端npm库资源,当有资源冲突时覆盖掉原先的版本。 --le ......
dependency npm ERR 时报 resolve

vue 选择图片或者拍照上传,数据在外层取不到/拿不到解决。

<input type="file" accept="image/*" capture="camera" @change="onImageChange" class="inputClass"/> // 调用 async onImageChange(e) {this.capImg = await th ......
数据 图片 vue

vue-esign 学习笔记

1 注意事项 最新版是1.1.4,我们项目组用的是1.1.0。从npmjs可以看出,两个版本中间的版本都是不可用的,下载量为0. 除此之外还可以参考的类似工具: https://www.npmjs.com/package/vue-esignature vue-esignature https://w ......
vue-esign 笔记 esign vue

Vue3 h函数渲染组件

1、渲染ElSelect组件 const modulleFilters = ref([ { label: 1, value: 2 }, { label: 2, value: 3 }, ]); const search = ref(''); const tableColumn = [ { prop: ......
函数 组件 Vue3 Vue

vue el-input中点击符号,文本框中显示符号

需求 点击 + | ( )符号,页面中光标位置,展示对应的符号 点击完,光标留在原位 代码 <el-form-item prop="kwspec" label='监测关键词'> <el-input type="textarea" placeholder="请输入监测关键词" ref="inputRe ......
符号 el-input 文本 input vue

Vue传参${id}变成$%7Bid%7D

发生缘由 外卖项目在Linux服务器上面运行发送请求乱码 运行环境 电脑系统:win10 jdk版本:jdk-8 SpringBoot版本:v2.4.5 MP版本:3.4.2 Vue版本:Vue.js v2.6.12 Linux版本:Centos7 报错信息 // 修改页面反查详情接口functio ......
7Bid Vue Bid 7D id

css3中 > 与 >>>

CSS中 > 和 >>> 都是用来选择子元素的选择器,不过两者有一定的区别。 CSS中 > 只能选择直接子元素,而不能选择孙子元素及以下的后代元素。 例如,.parent > .child 可以选择 .parent 的直接子元素中的类为 .child 的元素,但是不能选择孙子元素中的 .child ......
gt css3 css

vue中scoped 在文件引入中的作用

首先搞清楚scoped是干啥的?scoped的引入主要是上线了样式的模块化私有化,即当前组件的样式只对当前组件起作用。 当vue组件被vue-loader解析的时候,对于style上加了scope属性的组件,会主动加上data-v-xx的属性来唯一标识当前组件,若当钱组件内部存在子组件,只有子组件的 ......
作用 文件 scoped vue

vue this.$router.push 页面传值问题

在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
页面 router 问题 this push

Vue3数据无法显示/数据无法修改

问题描述: 昨天朋友问了我一个关于Vue3的问题,给他解答后,想起貌似自己当初也曾被这个问题困惑过,只不过被善用搜索引擎后找到了问题所在。 现在考虑到可能有些朋友搜不到解决方法,所以现在用它的表现形式作为标题,可能更便于搜索到。 现在重现一下这个问题: <div v-for="(item,idx) ......
数据 Vue3 Vue

完美的背景图全屏css代码 – background-size:cover?

写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕,不留空白区域 保持图像的纵横比(图片不变形) 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例 方法一、最简单,最高效的方法 CSS3.0 归功于css3.0新增的一个属性 ......

【VUE学习笔记】(一)

前后端分离 为什么引入前后端分离开发方式: 前端独立编写客户端代码完成页面,后端独立编写服务端代码提供数据接口;前后端开发者只需要提前约定好接口文档(URL、参数、数据类型……)然后分别独立开发即可。前端可以用假数据测试,不完全依赖于后端;后端通过Postman等接口调试工具测试即可,真正实现前后端 ......
笔记 VUE

python11:局部变量与全局变量

局部变量:在函数内部定义的变量,作用域仅仅局限在函数的内部。 不同的函数 可以定义相同的局部变量,但是各自用各自的 不会产生影响 注意:局部变量在函数执行完毕后会释放 作用:为了临时的保存数据,需要在函数中定义来进行存储。 全局变量: 当全局变量和局部变量出现重复定义的时候,程序就会优先执行使用函数 ......
变量 全局 局部 python 11

Linux环境变量与Set-UID设置

管理环境变量 (1) env命令输出环境变量。 (2) 输出特定的环境变量 printenv PWD方法 env | grep PWD方法 (3)使用export命令设置环境变量 2.将环境变量从父进程传递给子进程 (1)使用vim编辑器编写程序 (2)编译运行程序,并将结果保存在child.txt ......
变量 Set-UID 环境 Linux Set

# vue 使用 threejs 实现实景看房效果 demo

vue 使用 threejs 实现实景看房效果 demo 关于这个 threejs 实现 VR 看房效果也超级简单,只需要提供一个思路的话就可以了其实,首先需要一个房间结构的贴图,这个贴图网上有,当然找个合适的也不好找,我找了一上午在别人的 demo 里面扣了一张出来,代码都是一样的,稍微说一下思路 ......
实景 效果 threejs demo vue

vue 原生方法实现pc端调用摄像头全屏视频考试(实时截屏上传,并提示当前环节

<template> <div> <el-row> <el-col :span="10" style=""> <div> <el-card style="margin: 0; padding:0; overflow-y: auto"> <div style="width:100%; min-heig ......
实时 摄像头 环节 方法 视频

关于vue2中使用unocss样式无法生效的问题

前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example ......
样式 unocss 问题 vue2 vue

Vue使用:内联style动态绑定backgroundImage/background

1.直接在vue中使用style内联样式设置background或backgroundImage是无效的;比如这样写无效: <div style="background: url('../../assets/import/aa1.png')"> 内容。。。 </div> 2.必须使用拼接;但是直接拼 ......
backgroundImage background 动态 style Vue

CSS mask的用法

CSS的mask属性可以让你在元素上添加一个遮罩蒙层,从而有助于创建各种有趣的效果。下面是一些mask属性的常见用法:1. 使用图片遮罩 img { -webkit-mask-image: url(mask.png); mask-image: url(mask.png); } 以上代码将会使用mas ......
mask CSS

Vite + React 项目,在 Webstorm 中的 tailwind css 无法自动补全问题

问题 根据官网的安装步骤,Install Tailwind CSS with Vite 安装完成后,在 Webstorm 中 Tailwind 始终无法自动补全,查看 Webstorm 的日志,提示报错 Tailwind CSS: Tailwind CSS: require() of ES Modu ......
Webstorm tailwind 项目 问题 React

FreeCodeCamp-通过编写咖啡店菜单学习CSS

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < ......
咖啡店 FreeCodeCamp 菜单 咖啡 CSS

THE PLANETS MERCURY -环境变量的设置提权以及SETENV的理解

主机发现 sudo nmap -sT --min-rate 10000 -p- 192.168.28.32 -oA nmapscan/ports sudo nmap -sT -sC -sV -O -p22,8080 192.168.28.3 -oA nmapscan/detail sudo nmap ......
变量 PLANETS MERCURY 环境 SETENV

Postman实现变量自增循环执行接口

设置globals全局变量,如下图设置的n,配置初始值为1或者为其它值 在接口中添加变量 在Pre-request Script中设置自增的脚本 var temp = parseInt(postman.getGlobalVariable("n")); #先获取全局变量n并赋值为temp temp + ......
变量 接口 Postman

vue学习 第十一天 CSS3新特性 ---- 新增选择器(1、属性选择器 2、结构伪类选择器 3、伪元素选择器) / CSS3盒子模型(border-box总体宽度不变)/ 图片模糊、宽度计算 / 过渡(transition)

CSS3 新特性 1、CSS3 现状 1) 新增的CSS3特性有兼容性问题,ie9+才支持 2) 移动端支持优于PC 端 3.)不断改进中,应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1)属性选择器 2)结构伪类选择器 3)伪元素选择器 ......
宽度 CSS3 盒子 border-box transition

C++ Primer 5th 阅读笔记:变量和基本类型

一些语言的公共特性 内建类型,如整型,字符型等; 变量,为值绑定的一个名字; 表达式和语句,操作值。 分支和循环,允许我们条件执行和重复执行; 函数,定义抽象计算单元。 扩展语言的方式 自定义类型; 标准库。 本章重点 学习语言的基本知识和标准库。 内建类型; 简要介绍自定义类。 类型 定义了数据的 ......
变量 类型 笔记 Primer 5th

java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统,附源码+数据库+文档+PPT

1、项目介绍 java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统,实现管理员:首页、个人中心、用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理,用户;首页、个人中心、订单评价管理、我的收藏管理、订单管理,前台首页;首页、商品信息、商品资讯、 ......

vue学习 第十天(2) HTML5的新特性 ----- 语义化标签(布局标签)/ 多媒体标签(video、audio)

目标: 能够说出3~5个HTML5 新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 新特性都有兼容性问题,基本是IE9 + 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这 ......
标签 语义 布局 特性 多媒体