大小 模板vue
Vue3 响应式全局对象
需求在 main.js 中 创建一个 响应式全局对象 。改变这个全局对象时 ，子组件应同步响应。 效果：这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMonitorData: [ { ti ......
springboot log4j2.xml 模板
<?xml version="1.0" encoding="utf-8"?> <configuration> <properties> <!-- 文件输出格式 --> <property name="PATTERN">%d{yyyy-MM-dd HH:mm:ss.SSS} |-%-5level [% ......
vue进行页面跳转样式丢失问题
问题：vue使用 this.$router.push 方法进行页面跳转时样式丢失，如下图，图一为正常页面，图二为跳转后的界面 解决方法：并非样式丢失，而是样式背覆盖了，去跳转的原界面样式中加入scope，跳转之后问题解决 ......
vue3 组件之间的传递
## 组合式API父子通信 ### 1. 父传子 > 基本思想 > 1. 父组件中给子组件绑定属性 > 2. 子组件内部通过props选项接收数据 > 父组件 ```vue 父组件 ``` > 子组件 ```vue 子组件 {{ msg }} ``` ![](https://img2023.cnbl ......
根据模板自动匹配目标字符串
好的，让我们模拟一下这段代码的运行，并打印出每一行的结果： ```java // 声明一个静态的正则表达式模式，用于匹配大括号中的内容 private static final Pattern pattern = Pattern.compile("\\{(.*?)\\}"); private sta ......
在线修改oplog.rs大小
环境:OS:Centos 7db:4.4.22 1.查看当前的大小 myrepl:PRIMARY> db.getReplicationInfo() { "logSizeMB" : 10000, "usedMB" : 10013.92, "timeDiff" : 7801, "timeDiffHour ......
dede共用同一个文章ID展示多个不同的模板页面
DEDE共用同一个文章ID展示多个不同的模板页面 ，比如链接： http://jinmengqiang.cn/info-1.html http://jinmengqiang.cn/plus/show.php?aid=1 以上2个链接可以使用不同的模板，其实内容可以相同也可以不同的进行调用（这个需要后 ......
vue 实现自定义主题切换+日夜切换
此处只参考 修改主题色， 日夜模式参考elep官网 function gradientColor(this: any, startColor: any, endColor: any, step: any) { let startRGB = gradientColor.prototype.colorR ......
WPF CheckBox勾选框大小设置
1、设置CheckBox，FontSize，只有字体发生变化，前面的勾选框太小，可以设置 LayoutTransform <Style TargetType="CheckBox"> <Setter Property="HorizontalAlignment" Value="Left"/> <Sett ......
Vue2的安装
Vue 的安装根据需求分为 script标签引入 与 npm命令创建项目。 1. script 引入 用途：用于不改动老项目源代码的二次开发。 使用方式：在html中嵌入vue.global.js的script标签的引入。 代码示范图： 2. npm 命令创建项目 前提：npm 是 Node.JS ......
dede tag彩色随机大小的样式修改方法
dede tag彩色随机大小的样式修改方法，打开include/common.func.php 在最下面添加以下代码： //TAG彩色 jinmengqiang.cn function getTagStyle() { $minFontSize=8; //最小字体大小,可根据需要自行更改 $maxFo ......
vue 使用document.execCommand失效
document.execCommand 当一个 HTML 文档切换到设计模式时，document暴露 execCommand 方法，该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection（粗体，斜体等），当其他命令插入新元素（添加链接）或影响整行（缩进 ......
Vue 中处理跨层级组件通信
highlight: a11y-dark 对于A-B-C三个依此嵌套的组件，现在想把A的数据传递给C，C的事件被A捕获，可以这么实现： ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
vite+vue3+minio
之前h5用的minio上传文件，现在web端也需要用这个，但h5是用的vue2, web用的vue3，就出现了一些问题 架子是用的vite搭建的，但vite不支持require导入。用import的话minio不支持import引入，也会报错 一. 用vue2搭个项目，将minio通过require ......
vue 组件分享
应用场景是tab切换，上方显示五个标题，下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下： <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
设计模式模板-抽象工厂
1 #ifndef TEMPLATE_ABSTRACT_FACTORY_H 2 #define TEMPLATE_ABSTRACT_FACTORY_H 3 4 #include <algorithm> 5 #include <list> 6 #include <mutex> 7 8 template ......
vue3使用component作为切换页面
文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE
基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
vue配置https
const path = require('path'); const fs = require('fs'); const https = require('https'); const options = { key: fs.readFileSync(path.join(__dirname, '. ......
Vue项目配置Https双向认证
访问双向认证的Https接口 本地运行设置 修改webpack配置 js const fs = require('fs') const options = { //客户端密钥 key: fs.readFileSync(path.join(__dirname, '../ca/key.pem')), / ......
Vue基础
### 创建实例 ```html {{ msg }} ``` ### 插值表达式 含义：vue的一种模板语法 作用：利用表达式进行插值渲染 语法：{{表达式}} 注意： 1. 使用的数据要存在 2. 支持的是表达式，不是语句if for 3. 不能在标签属性使用{{ }} ### 响应式特性 响应式 ......
vue中视频播放组件的安装
1. 在terminal中输入 cnpm install vue-video-player 2. 安装完成后在main.js中进行配置 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(VueCoreVideoPlayer, ......
Vue3+Vue-Router+TypeScript+Vite+Element-Plus+Axios+Pinia快速搭建开发框架
### 1、环境准备 ##### (1) 首先你得需要安装node和npm  ### 2、环境初始化 # ......
Vue3项目中import 'vue-native-websocket'出现错误
问题一： 问题二： 两个都搞不懂为什么、、可能自己基础太差，试了几个网上的解决方案都不行。 故转换角度：直接用原生WebSocket 参考地址：前后端使用利用WebSocket进行通信_F3nGaoXS的博客-CSDN博客 唔，还是原生的香…… ......
vue3+vite+elementUI项目
开发环境 win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpmvue @vue/cli 5.0.4 安装软件 node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员Powe ......
Vscode 设置别名路径和创建快捷模板
设置别名路径 创建jsconfig.json文件，配置@文件路径 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } } } 创建快捷模板 文件->首选项->配置用户代码片段 新建全局代码片段文件 取名即可（ ......
使用vue3、egg和SQLite开发通用管理后台系统
# 使用vue3、egg和SQLite开发通用管理后台系统 plaform是一个基于RBAC模型开发的后台管理系统，没有多余的功能。本项目是一个以学习为目的的后台项目，旨在让前端也能充分了解RBAC模型是如何设计的，不建议用于线上，因为未经过充分的测试。 项目地址：https://github.co ......
Vue3
一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue --version ......