变量vue3 vue css
Linux 中 sed命令替换 带有 斜杠的变量
001、测试（错误做法） (base) [root@pc1 test]# ls a.txt (base) [root@pc1 test]# cat a.txt ## 测试数据 1 2 3 4 5 6 7 8 9 10 (base) [root@pc1 test]# sed "s/5/$PWD/" a ......
vue+pdfh5实现将pdf渲染到页面上
版本：pdfh5@1.4.7 vue2+.net Core 6.0webapi 方法一：通过访问后端获取二进制数据来渲染 前端渲染 <template> <vol-box ref="box" :width="width" :height="height"> <div id="demo" ref="r ......
vue3 使用 store
在script 中使用store https://blog.csdn.net/SubStar/article/details/116077737 <script> import { getCurrentInstance } from "vue"; import { useStore } from " ......
vue本地开发的时候自定义域名端口
找到如下文件 以记事本方式打开并插入以下代码 127.0.0.1 localhost127.0.0.1 test.hhProject.com # 将此域名指向127.0.0.1本地环境 再在项目的配置文件中配置域名和端口即可 export default defineConfig({ plugins ......
python第十一章:变量
一，什么是变量? 变量是用来存储数据的实体 1,变量名的规则: 变量名用来标识变量，它可以由字母、数字和下划线组成，但只能以字母或下划线打头，不能以数字打头 说明： 在生产环境中，命名变量时，要注意的两点:首先:应该使用能直观的明白其意义的变量名，长一些没关系，但意义一定要表达清楚。其次：命名变量时 ......
汇编-TYPE返回变量单个元素大小
TYPE操作符返回变量的单个元素的大小， 以字节为单位计算。例如，TYPE对字节操作得1，对字操作得2，对双字操作得4，对四字操作得8。 .386 .model flat,stdcall option casemap:none .data var1 BYTE ? var2 WORD ? var3 D ......
Django+Vue.js - 第一章 走进Django
目录第一章 走进Django了解DjangoMVCMTV安装创建项目创建app处理控制器 第一章 走进Django 了解Django Django 诞生于2003年，在2006年加入BSD许可协议，成为开源Web框架 优势 功能完善，容易上手，开发速度快，安全性强； 完善的在线文档； 模型自带数据库 ......
Vue3 Pinia对state的订阅监听（$subscribe，$onAction）数据监听
<template> <div class="main-container" :class="{'show-scroll':targetIsVisible}"> <div :style="{height:frameHeight+'px'}" class="main-content" :class=" ......
vue pinia sessionstorage 数据存储不上的原因
vue pinia sessionstorage 的坑 默认的配置是开始 localStorage 如果用 sessionstorage 则发现数据存储不上 ，是因为缺少了序列化和反序列化 import { parse, stringify } from 'zipson' export const ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
css改变图片的颜色
background-image: url($img), linear-gradient(#f00, #f00);//也可以实现渐变 filter: drop-shadow(70px 0 0 #EA5E30) ......
vue2 项目打包后自动压缩成zip文件
安装依赖 1 pnpm install filemanager-webpack-plugin --save-dev 在vue.config.js中添加如下代码 const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件 ......
所见即所得的动画效果：Animate.css
我们可以在集成Animate.css来改善界面的用户体验，省掉大量手写css动画的时间。 官网：Animate.css 使用 1、安装依赖 npm install animate.css --save 2、引入依赖 import 'animate.css'; 3、在项目中使用 在class类名上an ......
Vue 中 slot 的使用方式，以及 slot 作用域插槽的作用 ？
使用方式 组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope ......
JS判断变量的具体数据类型封装函数
封装函数为： //返回传入值的数据类型 function GetValueType(val) { var type = typeof val // object需要使用Object.prototype.toString.call判断 if (type 'object') { var typeStr ......
vue项目index.html文件获取代理地址方法（ajax在html文件请求接口）
获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
css_使用backdrop-filter实现磨玻璃效果
<div id="container"> <div id="mask"></div> </div> #container { width: 500px; height: 300px; position: relative; border: 1px solid #ccc; background-ima ......
使用js添加按钮，vue页面 el-calendar 添加自定义按钮
html代码： <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
shell脚本定义变量和文件路径拼接
在shell脚本定义变量为 xx="xxx" 例如把一个路径或文件名定义为一个变量 inputPath="/mnt/RNASeq/Result" fileName="202308071824_210901003_2D230327074US2S2745DX" 在路径"/mnt/RNASeq/Resul ......
vue2 前后端分离的项目，用宝塔部署，出现域名访问根目录能访问，加任何网址就404
https://admin.xxx.com/ 访问正常 https://admin.xxx.com/index 访问404 location / { root /home/ruoyi/projects/ruoyi-ui; try_files $uri $uri/ /index.html; index ......
vue2和vue3ref的区别（详解）
Vue 2和Vue 3中ref的区别如下： 在Vue 2中，ref主要用于在模板中获取DOM元素或组件实例。而在Vue 3中，虽然ref也可以获取DOM元素或组件实例，但更重要的是，它还可以将一个基本类型的变量转换成响应式的数据，无需再通过复杂的步骤来访问响应式数据。另外，Vue 3的ref还支持对 ......
vue获取el-table当中选中行的各列数据
首先在标签中声明 @selection-change="handleSelectionChange" 之后在script中的methods当中编写该方法 console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList ......
vue3.0+antdVue2.0结合插槽slots的使用方式
首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', ......
CSS之min-height的使用
1. 关于 min-height 的使用 效果 2. 不给 height 会造成的问题 期望 min-height 生效 3. 直接给 height 会产生的问题 期望被内容撑开的 height 生效 注：no 底边距，==> 到底边的距离，懒得改了555，强迫症大免疫 ......
vue表单数据添加到表格当中出现的问题
表单样式如下 填写完表单之后点击确认新增按钮，表格会自动新增一行数据对应刚刚表单当中填写的数据。 this.tableData.push(this.formData); 这行js代码可以实现将表单数据添加到表格当中。 但由于我在点击按钮的动作当中添加了 this.$refs[formName].re ......
Vue脚手架分析
1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
去除：Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......