技术标签： 前端 vue.js javascript
<el-button @mousedown.native="entrySymbol($event,'+')">+</el-button>
//输入符号
entrySymbol(e, symbol) {
//取消失去焦点事件
e.preventDefault()
//获取当前焦点元素
const activeNode = document.activeElement
//为当前焦点元素赋值
if (activeNode?.nodeName === 'INPUT' || activeNode.nodeName === 'TEXTAREA') {
activeNode.value += symbol
}
}
<template>
<el-button @mousedown.native="entrySymbol($event,label||value)">{
{
label }}</el-button>
</template>
<script>
export default {
name: 'focusButton',
props: {
label: String,
value: String
},
methods: {
//输入符号
entrySymbol(e, symbol) {
//取消失去焦点事件
e.preventDefault()
//获取当前焦点元素
const activeNode = document.activeElement
//为当前焦点元素赋值
if (activeNode?.nodeName === 'INPUT' || activeNode.nodeName === 'TEXTAREA') {
activeNode.value += symbol
}
}
}
}
</script>
<style scoped>
</style>
focus-button.vue
<template>
<!-- 焦点按钮组 -->
<div>
<focus-button v-if="buttons.length" :label="btn.label||btn" :value="btn.value" v-for="btn in buttons"/>
</div>
</template>
<script>
import FocusButton from '@/components/focusButton/focusButton'
export default {
name: 'focusButtonGroup',
components: {
FocusButton },
props: {
buttons: Array
}
}
</script>
<style scoped>
</style>
文章浏览阅读2.1k次，点赞90次，收藏86次。相比其他 Web 服务器，Nginx 的内存占用率非常低，可以在树莓派等资源受限的设备上运行。要注意的是，以上步骤使用的是随机临时地址,该公网地址24小时内会随机变化。打开浏览器，我们来测试一下访问配置成功的二级子域名，出现nginx欢迎界面表示成功,可以正常访问。然后打开在线隧道列表,查看创建隧道的公网地址,默认有两种访问方式,一种是http 另一种是https,复制http地址。，可以看到nginx隧道的公网地址，已经更新为二级子域名了，将公网地址复制下来。，找到需要配置二级子域名的隧道，点击右侧的。
文章浏览阅读341次。1/*2特征向量相似度和距离的计算34相似度：5·夹角余弦6·相关系数7·Dice8·Jaccard910距离11·明氏距离12·欧氏距离13·马氏距离14·Jffreys&Matusita距离15·Mahalanobis距离，未实现，协方差矩阵16·Camberra距离(Lance距离，Williams距离)17*/1819#inclu..._java 计算特征向量的相似度
文章浏览阅读2.1k次。Linux系统出现问题时，我们不仅需要查看系统日志信息，而且还要使用大量的性能监测工具来判断究竟是哪一部分（内存、CPU、硬盘……）出了问题。在Linux系统中，所有的运行参数保存在虚拟目录/proc中，换句话说，我们使用的性能监控工具取到的数据值实际上就是源自于这个目录，当涉及到系统高估时，我们就可以修改/proc目录中的相关参数了，当然有些是不能乱改的。下面就让我们了解一下这些常用的性能监控工_ubuntu显卡测试工具
文章浏览阅读247次，点赞5次，收藏9次。1.背景介绍1. 背景介绍分布式系统是现代软件架构中不可或缺的一部分，它们通过将应用程序分解为多个组件，以提高可扩展性、可靠性和可维护性。然而，分布式系统也带来了一系列挑战，包括数据一致性、故障转移和消息传递。消息队列和事件驱动架构是解决这些挑战的关键技术之一。消息队列是一种异步通信机制，它允许不同的组件在不同时间传递消息。事件驱动架构则是一种设计模式，它将系统的行为分解为一系列事件和...
文章浏览阅读311次。基础练习 闰年判断 C语言描述：给定一个年份，判断这一年是不是闰年。当以下情况之一满足时，这一年是闰年：年份是4的倍数而不是100的倍数；年份是400的倍数。其他的年份都不是闰年。输入：输入描述:输入包含一个整数y，表示当前的年份。输入样例:2013输出：输出描述:输出一行，如果给定的年份是闰年，则输出yes，否则输出no。说明：当试题指定你输出一个字符串作为结果（比如本题的yes或者no，你需要严格按照试题中给定的大小写，写错大小写将不得分。输出样例:no提_年份是4的倍数而不是100的倍数; 2. 年份是400的倍数。c
文章浏览阅读1.2k次。文章目录1 错误环境2 错误原因3 解决方案：1 错误环境mysql版本：5.5.02 错误原因使用原mysql5.1.38不会出现该问题因使用了Mysql最新版驱动所以报错3 解决方案：方案1、在项目代码-数据库连接URL后，加上 （注意大小写必须一致）?serverTimezone=UTC方案2、在mysql中设置时区，默认为SYSTEMset global time_z..._the server time zone value
文章浏览阅读1.5w次，点赞5次，收藏38次。Origin也能玩转图片的拼接组合排版谭编(华南师范大学学报编辑部，广州 510631)通常，我们利用Origin软件能非常快捷地绘制出一张单独的绘图。但是，我们在论文的撰写过程中，经常需要将多种科学实验图片(电镜图、示意图、曲线图等)组合在一张图片中。大多数人都是采用PPT、Adobe Illustrator、CorelDraw等软件对多种不同类型的图进行拼接的。那么，利用Origin软件能否实..._origin怎么把三个图做到一张图上
文章浏览阅读4.2k次，点赞4次，收藏51次。51单片机智能电风扇控制系统仿真设计( proteus仿真+程序+原理图+报告+讲解视频）仿真图proteus7.8及以上 程序编译器：keil 4/keil 5 编程语言：C语言 设计编号：S0042。_电风扇模拟控制系统设计
文章浏览阅读2.8w次，点赞7次，收藏73次。1开头程序必须以下面的行开始（必须方在文件的第一行）：#!/bin/sh符号#!用来告诉系统它后面的参数是用来执行该文件的程序。在这个例子中我们使用/bin/sh来执行程序。当编写脚本完成时，如果要执行该脚本，还必须使其可执行。要使编写脚本可执行：编译chmod +x filename这样才能用./filename来运行2注释在进行shell编程时，以#开头的句子表示..._build.sh
文章浏览阅读338次。关于标准库中sring、vector、set、map、queue、stack 、bitset等，方法有些记不清楚，每次用每次查，很费时间，干脆自己整理一下，记不住的时候，查询更方便。// 需要包含头文件和声明：#include<bitset>using std::bitset;bitset对象的定义和初始化bitset类型对象的区别仅在其长度，而不在其类型。定义时，&..._bitset<32> bits(num);
文章浏览阅读804次。3.EncryptionComponent.KEY——$HOST/v10/encryption/page 平台切换国密的时候才可能会用到，主要用于提示异常。8.MigrationComponent.KEY——$HOST/v10/migration/page FineDb迁移数据时的进度页面，在插件中用处不大。12.WorkflowComponent.KEY——$HOST/workflow/authority 单独访问多级上报权限控制页面时生效。被依赖组件——前端页面。被依赖组件——前端页面。_帆软使用js
文章浏览阅读906次。在《高可用 | Xenon：后 MHA 时代的选择》一文中，我们对 Xenon 的实现原理、应用场景等做了简要介绍。文章发布后，社区小伙伴都在咨询 Xenon 如何与 MySQL 配合使用？本文来自知数堂投稿，是一篇基于 Xenon 架构原理，部署 一主两从 架构的 MySQL 高可用集群的实操文档。Xenon 架构图 环境信息：Redhat 7MySQL 5.7Xenon 1.0.7XtraBackup 24*另：Xenon 支持 MySQL 5.6/5.7/8.0 内核，本文以_xaeon mysql