变量vue3 vue css
vue中配置使用axios
简单示例代码: 请求网络的js逻辑,可以放到request.js文件中,放在目录utils下; import axios from "axios"; axios.defaults.withCredentials=true; //创建axios实例 const instance = axios.cre ......
vue获取thymeleaf中的值
这里是thymeleaf的便利,想要在vue的@click中的函数中传递thymeleaf便利的数据。 需要在@click中加上th交给thymeleaf托管,然后再方法前后加上“|”即可 ......
java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统,附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统,实现管理员:首页、个人中心、公告信息管理、院系管理、班级管理、学生管理、宿舍信息管理、宿舍安排管理、卫生检查管理、报修信息管理、报修处理管理、缴费信息管理,学生;首页、个人中心、公告信息管理、宿 ......
vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…
报错原因 在新版本的npm中,默认情况下,npm install遇到冲突的peerDependencies时将失败。 解决办法 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突,并强制获取远端npm库资源,当有资源冲突时覆盖掉原先的版本。 --le ......
vue 选择图片或者拍照上传,数据在外层取不到/拿不到解决。
<input type="file" accept="image/*" capture="camera" @change="onImageChange" class="inputClass"/> // 调用 async onImageChange(e) {this.capImg = await th ......
vue-esign 学习笔记
1 注意事项 最新版是1.1.4,我们项目组用的是1.1.0。从npmjs可以看出,两个版本中间的版本都是不可用的,下载量为0. 除此之外还可以参考的类似工具: https://www.npmjs.com/package/vue-esignature vue-esignature https://w ......
Vue3 h函数渲染组件
1、渲染ElSelect组件 const modulleFilters = ref([ { label: 1, value: 2 }, { label: 2, value: 3 }, ]); const search = ref(''); const tableColumn = [ { prop: ......
vue el-input中点击符号,文本框中显示符号
需求 点击 + | ( )符号,页面中光标位置,展示对应的符号 点击完,光标留在原位 代码 <el-form-item prop="kwspec" label='监测关键词'> <el-input type="textarea" placeholder="请输入监测关键词" ref="inputRe ......
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 ......
css3中 > 与 >>>
CSS中 > 和 >>> 都是用来选择子元素的选择器,不过两者有一定的区别。 CSS中 > 只能选择直接子元素,而不能选择孙子元素及以下的后代元素。 例如,.parent > .child 可以选择 .parent 的直接子元素中的类为 .child 的元素,但是不能选择孙子元素中的 .child ......
vue中scoped 在文件引入中的作用
首先搞清楚scoped是干啥的?scoped的引入主要是上线了样式的模块化私有化,即当前组件的样式只对当前组件起作用。 当vue组件被vue-loader解析的时候,对于style上加了scope属性的组件,会主动加上data-v-xx的属性来唯一标识当前组件,若当钱组件内部存在子组件,只有子组件的 ......
vue this.$router.push 页面传值问题
在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
Vue3数据无法显示/数据无法修改
问题描述: 昨天朋友问了我一个关于Vue3的问题,给他解答后,想起貌似自己当初也曾被这个问题困惑过,只不过被善用搜索引擎后找到了问题所在。 现在考虑到可能有些朋友搜不到解决方法,所以现在用它的表现形式作为标题,可能更便于搜索到。 现在重现一下这个问题: <div v-for="(item,idx) ......
完美的背景图全屏css代码 – background-size:cover?
写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕,不留空白区域 保持图像的纵横比(图片不变形) 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例 方法一、最简单,最高效的方法 CSS3.0 归功于css3.0新增的一个属性 ......
【VUE学习笔记】(一)
前后端分离 为什么引入前后端分离开发方式: 前端独立编写客户端代码完成页面,后端独立编写服务端代码提供数据接口;前后端开发者只需要提前约定好接口文档(URL、参数、数据类型……)然后分别独立开发即可。前端可以用假数据测试,不完全依赖于后端;后端通过Postman等接口调试工具测试即可,真正实现前后端 ......
python11:局部变量与全局变量
局部变量:在函数内部定义的变量,作用域仅仅局限在函数的内部。 不同的函数 可以定义相同的局部变量,但是各自用各自的 不会产生影响 注意:局部变量在函数执行完毕后会释放 作用:为了临时的保存数据,需要在函数中定义来进行存储。 全局变量: 当全局变量和局部变量出现重复定义的时候,程序就会优先执行使用函数 ......
Linux环境变量与Set-UID设置
管理环境变量 (1) env命令输出环境变量。 (2) 输出特定的环境变量 printenv PWD方法 env | grep PWD方法 (3)使用export命令设置环境变量 2.将环境变量从父进程传递给子进程 (1)使用vim编辑器编写程序 (2)编译运行程序,并将结果保存在child.txt ......
# vue 使用 threejs 实现实景看房效果 demo
vue 使用 threejs 实现实景看房效果 demo 关于这个 threejs 实现 VR 看房效果也超级简单,只需要提供一个思路的话就可以了其实,首先需要一个房间结构的贴图,这个贴图网上有,当然找个合适的也不好找,我找了一上午在别人的 demo 里面扣了一张出来,代码都是一样的,稍微说一下思路 ......
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 ......
Vue使用:内联style动态绑定backgroundImage/background
1.直接在vue中使用style内联样式设置background或backgroundImage是无效的;比如这样写无效: <div style="background: url('../../assets/import/aa1.png')"> 内容。。。 </div> 2.必须使用拼接;但是直接拼 ......
CSS mask的用法
CSS的mask属性可以让你在元素上添加一个遮罩蒙层,从而有助于创建各种有趣的效果。下面是一些mask属性的常见用法:1. 使用图片遮罩 img { -webkit-mask-image: url(mask.png); mask-image: url(mask.png); } 以上代码将会使用mas ......
Vite + React 项目,在 Webstorm 中的 tailwind css 无法自动补全问题
问题 根据官网的安装步骤,Install Tailwind CSS with Vite 安装完成后,在 Webstorm 中 Tailwind 始终无法自动补全,查看 Webstorm 的日志,提示报错 Tailwind CSS: Tailwind CSS: require() of ES Modu ......
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" /> < ......
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 ......
Postman实现变量自增循环执行接口
设置globals全局变量,如下图设置的n,配置初始值为1或者为其它值 在接口中添加变量 在Pre-request Script中设置自增的脚本 var temp = parseInt(postman.getGlobalVariable("n")); #先获取全局变量n并赋值为temp temp + ......
vue学习 第十一天 CSS3新特性 ---- 新增选择器(1、属性选择器 2、结构伪类选择器 3、伪元素选择器) / CSS3盒子模型(border-box总体宽度不变)/ 图片模糊、宽度计算 / 过渡(transition)
CSS3 新特性 1、CSS3 现状 1) 新增的CSS3特性有兼容性问题,ie9+才支持 2) 移动端支持优于PC 端 3.)不断改进中,应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1)属性选择器 2)结构伪类选择器 3)伪元素选择器 ......
C++ Primer 5th 阅读笔记:变量和基本类型
一些语言的公共特性 内建类型,如整型,字符型等; 变量,为值绑定的一个名字; 表达式和语句,操作值。 分支和循环,允许我们条件执行和重复执行; 函数,定义抽象计算单元。 扩展语言的方式 自定义类型; 标准库。 本章重点 学习语言的基本知识和标准库。 内建类型; 简要介绍自定义类。 类型 定义了数据的 ......
java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统,附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue非前后端分离的网上商城购物系统、在线商城管理系统,实现管理员:首页、个人中心、用户管理、商品分类管理、商品信息管理、订单评价管理、系统管理、订单管理,用户;首页、个人中心、订单评价管理、我的收藏管理、订单管理,前台首页;首页、商品信息、商品资讯、 ......