组件 之间parent vue3
VUE3学习基础之模板语法
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
vue3学习笔记（四）
表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
vue2加载远程组件
<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......
uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决
问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......
【前端VUE】VUE通信组件学习（附源代码）
props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
vue3 实现用户登录和权限验证思路梳理
2023-12-20 星期三 一、用登录和退出问题 1登录 思路一： 1.1 login 登录页面，将token 存储本地中。 1.2 前置路由守卫获取 token 并验证， 1.3 前置路由 从缓存中获取用户的访问权限，并生成动态路由。 1.4 aixos 请求拦截器，从存储中获取存储的token ......
十七、组件-基础组件-Button
Button 按钮组件，可快速创建不同样式的按钮。 方法1：Button(options?:{type?:ButtonType,stateEffect?:boolean}) 方法2：Button(label?:ResourceStr,options?:{type?:ButtonType,stateE ......
十六、组件-通用属性-位置设置
位置设置 设置组件对齐方式、布局方向和显示位置。 align：设置元素内容在元素绘制区域内的对齐方式。 direction：设置元素水平方向的布局。 position:基于父容器的定位 markAnchor：相对于自身的定位，x正数代表左移，负数代表右移；y正数代表上移，负数代表下移。 offset ......
实践解析HPA各关联组件扭转关系
本文分享自华为云社区《HPA各关联组件扭转关系以及建议》，作者：可以交个朋友。 一、背景 应用程序的使用存在波峰波谷现象，在应用流量处于低谷期间，可以释放因过多的Pod而浪费的硬件资源。在应用流量高峰期提供弹性足够的Pod处理流量。 二、HPA各个组件扭转关系 kubernetes使用者通过创建一个 ......
C++ Qt开发：QItemDelegate 自定义代理组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStyledItemDelegate`自定义代理组件的常用方法及灵活运用。在Qt中，`QStyledItemD... ......
Blazor入门100天 : 自做一个手势滑动组件
0. 我想在blazor模仿app实现触摸返回,下拉刷新 ... 现在用 blazor 做 app (blazor hybird) 和支持手机浏览页面越来越多, net8 也推出了一个webapp auto模式,可谓是极大的利好, 2024 让auto流行起来, 😃 配套源码 1. 新建 net8 ......
Blazor入门100天 : 自做一个支持长按事件的按钮组件
好长时间没继续写这个系列博客了, 不知道大家还记得我吗? 话不多说,直接开撸. 1. 新建 net8 blazor 工程 b19LongPressButton 至于用什么模式大家各取所需, 我创建的是ssr单工程, App.razor 里面改一下, 加入 @rendermode="RenderMod ......
连续、偏导数存在、可微、方向导数存在之间的关系
 ![](https://img2023.cnblogs.com/blog/2702872/202312/2702... ......
vue3全栈项目：具有登录注册验证的在线实时聊天应用程序。
项目主要实现的功能： 登录注册的身份验证功能（利用JWT）来实现，在与后端验证的时候，会根据不同的身份显示不同的界面；而且根据不同角色赋予不同的权力，如管理员能查看信息，而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信，并 ......
vue3如何实现断点续传
首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
vue 组件缓存 keep-alive的include失效
include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
element ui中同级button调用upload组件
代码 <el-upload ref="schoolLogo" class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handl ......
printf, fprintf, sprintf, vsprintf, snprintf, vsnprintf之间的用法和区别
1、printf是打印格式化字符串，返回值是成功打印的字符数； int printf(const char *format, ...); 2、fprintf是将格式化数据写入到指定文件流中； int fprintf(FILE *stream, const char *format, ...); 3、 ......
vue3+ts项目引入eslint和prettier
创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......
脚手架搭建vue3项目
vue官网：https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目，包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下： 1. 按脚手架初始化项目 进入vue官网的快速上手，按照官网所述，执行：npm create v ......
十五、组件-通用属性-按键事件
按键事件指组件与键盘、遥控器等按键设备交互时触发的事件（仅适用于所有可获焦组件，例如：Button） //绑定该方法的组件获焦后，按键动作触发该回调 onKeyEvent(event:(event?:keyEvent)=>void) 案例代码： /** * author:创客未来 * copyrig ......
界面控件DevExpress WPF Dock组件，轻松创建类Visual Studio窗口界面！
本文主要为大家介绍DevExpress WPF控件中的Dock组件，它能帮助用户轻松创还能受Microsoft Visual Studio启发的Dock窗口界面。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpres ......
什么是===运算符？说明“==”和“===”之间的区别？
被称为严格等式运算符，当两个操作数具有相同的值而没有任何类型转换时，该运算符返回true。==仅检查值相等，而 是一个更严格的等式判定，如果两个变量的值或类型不同，则返回false。 ......
十四、组件-通用属性-触摸事件
//手指触摸动作触发回调 onTouch(event:(event?:TouchEvent)=>void) 案例代码： /** * author:创客未来 * copyright:com.ckFuture.hrb * 触摸事件 */ @Entry @Component struct Touch { ......
Unity3D 拖拽赋值组件与通过Find赋值组件的优点与缺点详解
前言 Unity3D是一款流行的游戏开发引擎，提供了丰富的功能和工具，使开发人员能够轻松创建高质量的游戏。在Unity3D中，我们经常需要通过拖拽赋值组件或通过Find赋值组件来实现不同对象之间的交互。本文将详细介绍这两种方法的优点和缺点，并给出相应的技术详解和代码实现。 对啦！这里有个游戏开发交流 ......
C++ Qt开发：TableWidget表格组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`TableWidget`表格组件的常用方法及灵活运用。`QTableWidget` 是 Qt 中用于显示表格数据... ......
vue3中router配置中的children怎么用
在Vue 3中，当你使用Vue Router创建路由配置时， children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由，从而构建出具有层级结构的URL路径。 这里是一个基本的例子，展示了如何在Vue Router中使用children属性： import { create ......
C++ Qt开发：MdiArea多窗体组件
QMdiArea（Multiple Document Interface Area）是Qt中用于创建多文档界面的组件。它提供了一种在单个窗口中管理多个文档的方式，每个文档通常是一个子窗口（`QMdiSubWindow`）。该组件主要用于设计多文档界面应用程序，具备有多种窗体展示风格，实现了在父窗体中... ......