组件 函数vue design
vue contenteditable编辑模式下，样式不生效
换行后生成div，设置的样式没有生效 ***原因 style标签上设置了scoped 解决办法 1、去掉style的scoped属性 2、额外写一个style，不加scoped（vue支持多个style） <div class="mainText-body" contenteditable="tru ......
k8s 学习笔记之安装集群所需组件
### 安装 docker ``` # 1 切换镜像源 [root@master ~]# wget https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo -0 /etc/yum.repos.d/docker-ce.repo ......
mysql - timestampdiff() 函数
https://blog.csdn.net/Hudas/article/details/124351790 https://blog.csdn.net/qq_37493556/article/details/92805912 ......
vue3中组合式 API_为 reactive() 标注类型
reactive() 也会隐式地从它的参数中推导类型 <template> <h3>{{ book.title }}</h3> <h3>{{ book.author }}</h3> </template> <script setup lang="ts"> import { reactive } fr ......
Vue3 响应式全局对象json 动态绑定界面四 （Div块样式 Json数据绑定）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callStatus:"通话" }, { userEx ......
Vue3 响应式全局对象json 动态绑定界面三 （Div块样式 字符串叠加）
效果 man.js 定义 响应式全局对象 globalData //全局对象 const globalData=reactive({ missedCallData:"", currentUserTel:"", }) app.provide('globalData', globalData); 在ma ......
Vue3 响应式全局对象json 动态绑定界面二 （方块矩阵样式）
效果 main.js //全局对象 const globalData=reactive({ extTelMonitorData: [ { title: '用户组一', list: [ { groupID: "0", groupName: "All Users", userDomain: "equii ......
Vue3 响应式全局对象json 动态绑定界面一 （列表样式）
效果 man.js 定义 响应式全局对象 globalData const globalData=reactive({ extTelListData: [ { userExten: "1000", userName: "秦岚", callStatus:"通话" }, { userExten: "10 ......
VUE|组件基础
## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2) ......
VUE|模板语法
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa ......
VUE|计算属性
## 1 计算属性 ### 1) 什么是计算属性 计算属性就是基于现有属性计算后的属性 ### 2) 计算属性的作用 计算属性用于对原始数据的再次加工 ### 3) 案例 > **需求** > > 实现如下效果 > > ```html Document 请输入一个字符串: 反转后的字符串: {{re ......
VUE|侦听器
## 1 侦听器 ### 1) 什么是侦听器 可以通过watch配置项, 监听已经存在的属性的改变 ### 2) 语法 ```javascript watch: { // 监听data中的firstName属性 firstName() { // 执行一系列的操作 }, },watch: { // 监 ......
第十五篇 - Vue添加图标
参考链接：https://www.yii666.com/blog/45780.html 添加图标的两种方式： 1. 直接使用element-plus/icons-vue（图标名称网址：https://element-plus.gitee.io/en-US/component/icon.html#ic ......
VUE|组合式API
# VUE|组合式API ## 1 setup语法糖 在`vue`项目中, 通常使用`setup`语法简化书写 setup的特点 1. 在setup语法中定义**变量**, 可以直接在**模板**中使用 2. 在setup语法中定义**函数**, 可以直接在**模板**中使用 3. 导入的组件对象, ......
Unity UGUI的VerticalLayoutGroup（垂直布局）组件的介绍及使用
# Unity UGUI的VerticalLayoutGroup（垂直布局）组件的介绍及使用 ## 1. 什么是VerticalLayoutGroup组件？ VerticalLayoutGroup是Unity UGUI中的一种布局组件，用于在垂直方向上自动排列子对象。它可以根据子对象的大小和布局设置 ......
vue3高阶用法一
### 1. v-model 和v-model:value为什么要的需要加: + v-model vue3中使用了modelValue来代替了value, 所以子组件触发emit的写法为 emit('update:modelValue','xxx') + v-model:value 为什么有的需要加 ......
Mysql表数据如何增加汇总统计行（GROUP BY WITH ROLLUP函数用法）
举例一： 下面是一张【商品的售出情况汇总表 tb_goods_sale】 ，表字段解释如下： 目前表中有3条数据，如下图，我们利用GROUP BY WITH ROLLUP 进行统计汇总商品的【售出总数】和【营销额】 sql如下： SELECTa.goods_name,sum( saled_count ......
vue复制data中的对象
要复制Vue中的data对象，可以使用Object.assign()或者ES6解构赋值语法。以下是两种方法的示例： 使用Object.assign()： // 假设对象名为sourceData const clonedData = Object.assign({}, this.sourceData) ......
9探索Java内置函数的隐藏功能和高级用法
Java作为一种广泛使用的编程语言，拥有丰富的内置函数库，这些函数可以大大简化开发过程，并提供了许多强大的功能。然而，除了常见的用法之外，Java内置函数还具有一些隐藏的功能和高级用法，这些功能和用法可能被开发者所忽视，但却能提高代码的效率和可读性。本文将围绕这一主题，探索Java内置函数的隐藏功能 ......
在Vue3中，解决 Echart tooltip 不显示的问题
为什么在 Vue 中使用 ECharts 时图表显示异常？ Vue3，中使用 reactive 及 ref 会导致 ECharts 的对象实例被代理成为响应式对象，影响 ECharts 对内部属性的访问，可能会导致图表无法正确显示等一系列意外问题，且会由于深度监听而极大地降低图表展示性能。 解决方案 ......
SQL函数大全及示例汇总及不同数据库之间的区别
SQL函数大全及示例汇总 概述 SQL中包含以下七种类型的函数： 聚合函数:返回汇总值。 转型函数:将一种数据类型转换为另外一种。 日期函数:处理日期和时间。 数学函数:执行算术运算。 字符串函数:对字符串、二进制数据或表达式执行操作。 系统函数:从数据库返回在SQLSERVER中的值、对象或设置的 ......
前后端分离实现注册+登录（Vue3.0 + Django3.2)
> 博客地址：https://www.cnblogs.com/zylyehuo/ # 一、使用 vite+webstorm 搭建 Vue 环境，构建前端 ## 1、结构树 * ; 二、强制局部刷新方法 <div id="app"> <router-view v-if="isReload"/> </div> methods: { reload() { this.isReload = false this.$nextTi ......
Uniapp + Vue3 引入高德小程序插件js文件失败
## 问题描述 使用uni app模板开发微信小程序过程中引入高德地图小程序插件失败， 先看代码： ``` import amap from "@/lib/amap-wx.130.js";//引入高德地图小程序插件 ``` 报错： `SyntaxError: The requested module ......
Eagle格式文件转换成Altium Designer格式的文件
eagle格式的brd和sch文件可以直接利用AD的导入向导导成AD格式的文件，这里所述为利用Eagle软件转换为AD格式的文件。 Eagle软件的安装请参考： 首先需要下载相关文件：ULP文件下载链接 从官网下载的eagle2ad_sch.ulp文件在转换的时候会出现一些问题，这里最好直接采用下面 ......
__use_no_semihosting 与调用C库函数冲突
在已经移植freetype代码(使用了大量的C库函数)中，将printf硬件重定向到串口后，#pragma import(__use_no_semihosting_swi)与调用C库函数冲突，错误如下： ERROR:L6915E:Library reports error:__use_no_semi ......
stm32按键 长按 短按 函数 一
在stm32工程中，长按和短按的代码书写， 调用的读取按键状态的底层函数。封装成的按键函数代码。下面是函数的头文件，和.c文件的代码。使用定时器来扫描按键。 #define KEY_ON 1#define KEY_OFF 0#define KEY_NULL 0#define KEY_SHORT 1# ......
STM32中通过普通延时函数来精确延时
在STM32中处处会用到延时函数，一般而言，对于普通的控制延时，并不会要求特别精确，所以可以使用普通的延时函数，例如 void delay(u32 time){ while(time--);} 但是在某些情况下，例如读取传感器数据，就 需要精确的延时，对于这种，这时候可以考虑使用软件定时器或者系统定 ......