属性 变量vue css
html （六）全局属性
全局属性：id、class、 id 作用：锚点、label 表单控件关联 注意：不用在<head>、<html>、<meta>、<script>、<style>、<title>使用该属性 仅限一个 html 不能重复 class 作用：指定类名，配合 CSS 表示样式 style CSS 设置样式 ......
vue升序降序按钮功能实现
需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......
C 语言注释和变量详解
C 语言中的注释 C语言中可以使用注释来解释代码并使其更具可读性。它还可以在测试替代代码时防止执行。 单行注释 单行注释以两个斜杠 (//) 开头。 // 和行末之间的任何文本都会被编译器忽略（不会被执行）。 此示例在代码行之前使用单行注释： // 这是一个注释 printf("Hello Worl ......
Python——了解Html+Css语言代码
HTML（Hyper Text Markup Language超文本标记语言）用特殊的一种标签把需要特殊展示出来的内容圈起来。这就是标记语言语法规则 <标记>被标记的内容</标记> <标记/> 巨大的坑。在以前2000年左右。那个时候语法规则不够规范。有些人写HTML的时候习惯性的漏掉括回文本：文字 ......
vue + Echarts项目中引用水波图效果
1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
Vue2 校验不通过的表单，赋正确的值后，再次校验结果不变
前言 在工作中遇到了这个问题，多次排查，耗费了不少时间才解决这个问题。问题的解决很简单，但发现根本原因还是有点困难，因此在此做个记录，以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......
Vue 图片上传formdata()传参形式
1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......
对象的数据处理方法,要对对象属性进行数组操作(list数组中每一项与column数组中的value值匹配，如果相等将放入存数组)
// 需要对对象属性进行数组操作时，使用Object.entries()方法 var list = ['V11046_052','V11046_051','V11046_50','V11046_0511']; var column = [{'观测时间':'D_DATETIME'},{'小时内极大风速 ......
vue2 中 el-table 实现树形列表，支持增删改等操作
需求场景：el-table构造一个树形列表，支持新增节点，删除，修改等操作。 实现效果 思路 一般的el-table 增删改，我们都很熟悉；关键在于实现一个纯前端的树形列表，最终再调接口存列表数据。 树形el-table，需要设置 row-key，一般为 id，所以每新增一条数据，都必须有id。需要 ......
SpringBoot中项目启动及定时任务缓存数据库常用数据至内存变量并转换后高频调用
场景 定时任务中需要获取数据库中数据进行数据转换成需要的格式并进行后续的业务处理。 数据库中的数据更新频率不高。 可将数据库中数据在项目启动后读取一遍数据，然后再通过定时任务定时查询数据库更新数据。 实现数据库缓存的方式有多种，比如以下： SpringBoot中通过自定义缓存注解(AOP切面拦截)实 ......
vue路由切换时内容组件的滚动条回到顶部
vue路由切换时内容组件的滚动条回到顶部：https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......
vue中echarts图表(二)---折柱混合
一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
Vue2添加路由后界面变成空白
在vue2中，每当我添加路由选项的时候，vscode并不会报错，运行后连原本的东西都不见了 也尝试了一下网上搜索的方案，如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router，最新版本的router是匹配的vue3，导致页面一片空白 解决方法就将原来的rou ......
vue中echarts图表---正负轴柱状图
一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
03C# 从命令行或环境变量读取配置
前面几篇文章主要讲解读取Json文件，这篇文章讲解如何通过命令行和环境变量读取配置 安装Nuget包：Micosoft.Extensions.Configuration.CommandLine(命令行读取) 安装Nuget包：Micosoft.Extensions.Configuration.Env ......
九、@Watch装饰器：状态变量更改通知
@Watch应用对状态变量的监听。如果开发者需要关注某个状态变量的值是否改变，可以使用@Watch为状态变量这种回调函数。 @Watch用于监听状态变量的变化，当状态变量变化时，@Watch的回调方法将被调用。@Watch在ArkUI框架内部判断数值有无更新使用的是严格相等（ ），遵循严格相等规范。 ......
八、fact变量和魔法变量
八、fact变量和魔法变量 8.1 fact简介 Ansible在执行playbook的时候，第一个任务会自动执行setup模块，该模块用于获取远程主机的系统信息，并将这些信息存储在facts变量中，在playbook中可以随时调用这些变量。 我们可以执行adhoc获取一下fact变量，看看都有 ......
七、变量的定义和引用
七、变量的定义和引用 7.1 变量的引用和调试 变量的调试 在ansible中有一个debug模块，专门用来打印输出调试信息。它只有两个参数msg和var。 msg：打印信息，类似于shell的echo和python的print var：只能打印变量信息 - name: install httpd ......
vue项目 npm install 安装依赖 特别慢 解决办法
vue项目 npm install 安装依赖 特别慢 解决办法使用NPM（Node.js包管理工具）安装依赖时速度特别慢，为了安装Express，执行命令后两个多小时都没安装成功，最后只能取消安装，笔者20M带宽，应该不是我网络的原因，后来在网上找了好久才找到一种最佳解决办法， 在安装时可以手动指定 ......
python网站创建010：js中的（变量、数据类型、if语句、for循环）
JS：定义（全局变量）和（局部变量） <!DOCTYPE html> <html> <head> <title>初识：JavaScript</title> <meta charset="UTF-8"> </head> <body> <script> // 定义全局变量：不用var，变量名建议用（驼峰 ......
css学习笔记
CSS（层叠样式表）是一种用于描述网页样式和布局的语言。它使得我们可以通过选择器和属性来控制网页的外观。以下是一些CSS的基本概念： 选择器：选择器用于选择要应用样式的元素。常见的选择器有标签选择器（如 p、h1）、类选择器（如 .class-name）和ID选择器（如 #id-name）等。选择器 ......
vue过滤器
使用场景：加工属性，对属性做一些类似格式化的操作但不会改变该属性；看起来跟computed类似，后面总结两者区别 使用地方：可以放在{{}}插值中使用，也可以在v-bind表达式中使用(vue2.1.0+支持) 注意事项：过滤器中this不能获取vue实例 全局过滤器： //main.js Vue. ......
[20231213]tmux与环境变量PTAH.txt
[20231213]tmux与环境变量PTAH.txt--//昨天给一台机器安装配置tmux,发现登陆tmux后环境变量PATH特别长,问题在于tmux登陆后要重复执行.bash_profile的内容.--//以前遇到过,主要问题在于.bash_profile在配置PATH时写法不合理.export ......
类特殊成员(属性与方法)
目录1. setattr()、getattr()、hasattr()2. init():初始化对象的实例3. new():init()能力补充4. repr():输出对象内部信息5. str():输出提示信息6. issubclass和isinstance函数issubclass 的应用场景isin ......
Vue中 v-model 和 model 的区别
Vue中 v-model 和 :model 的区别 1、v-model 通常用于表单上双向数据的绑定，如果除了表单其他组件使用时，起不到任何效果。 它还可以实现子组件到父组件的双向数据动态绑定。 input上的v-model: <input v-model="price"><!-- 下行注释的语法糖 ......
vue版本区别
一、说明： 1、Vue CLI 4.5以下，对应的是Vue2；Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2 2、Vue2最老的版本是含index.html的，通过“yarn global add vue-cli”安装，得到的最新版本号是2.9.6 3、只有Vu ......
将第2层数据中的数组对象中的ts属性、value属性遍历单独存放到一个新数组中xData、yData，且放到上一层数组对象中和eqName、eqSpareName等属性平级，充当一个数组属性
......
利用v-html给页面添加内容，并同时为内容增加css样式
利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给 ......
Vue配置具体代理规则
//编写vue.config.js配置具体代理规则：module.exports = { devServer: { proxy: { '/api': { //配置所有以'/api'开头的请求路径 target: 'http://luckybox.server.godtechnology.com/', ......
springboot+VUE——mybatis分页和Element Plus的分页组件实践
分页只有基础的分页功能，跳转和动态选择每页展示多少条数据的功能可以参考Element Plus的分页组件自行配置并且传入相应的方法即可！ <script lang="ts" setup> /** * 分页变量数据 */ const pagination = ref({ current_page: 1 ......