组件 之间parent vue3
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
echart 防止多次渲染 无数据时显示暂无数据 vue3
//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数组对比大小 vue3
let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
1、自定义上传组件实现动态指定action
1、增加 ynamicAction：String 2、修改 const uploadImgUrl = ref(props.dynamicAction || import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传的图片服务器地址 <el ......
突发：鸿蒙之祖华为在 Inula 官网声称可“避免重复运行组件”但“组件渲染次数”是写死的
突发：鸿蒙之祖华为在 Inula 官网声称可“避免重复运行组件”但“组件渲染次数”是写死的 消息来源 看到群里这个消息，我的想法是：群里怎么炸锅了？华为之前的鸿蒙被指疑似安卓二开不说，现在出个 openInula 好像是什么欧拉又被人挖出幺蛾子？哦有 la 后缀但好像又不像欧拉。 到底怎么回事？我也 ......
通过.NET Core+Vue3 实现SignalR即时通讯功能
.NET Core 和 Vue3 结合使用 SignalR 可以实现强大的实时通讯功能，允许实时双向通信。在这个示例中，我们将详细说明如何创建一个简单的聊天应用程序，演示如何使用 .NET Core SignalR 后端和 Vue3 前端来实现实时通讯功能。 步骤1：准备工作 确保你已经安装了以下工 ......
记录--组件阅后即焚？挂载即卸载！看完你就理解了
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 上家公司有个需求是批量导出学生的二维码，我一想这简单啊，不就是先批量获取学生数据，然后根据QRcode生成二维码，然后在用html2canvas导出成图片嘛。 由于公司工具库有现成的生成压缩包方法，我只需要获得对应的图片blob就可 ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
Uniapp导入uView组件
npm导入组件 npm install uview-ui@2.0.36 后面跟上自己的版本 或者 npm install uview-ui //检查 console.log(uni.$u.config.v);可以查看自己是否导入成功 【main.js】import uView from 'uview ......
关于layui使用弹出层模版后对应上传组件不工作的问题记录
这里页面的聊天室是使用的弹出层： util.on('lay-on', { 'open-chat-room': function () { layer.open({ title: '项目聊天室', type: 1, offset: 'b', anim: 'slideUp', // 从下往上 area: ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......
关于vue中的动态组件component和keep-alive
component标签是vue内置的，作用：组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字，也就是components节点下的组件名称 当我们动态切换组件名称时，每切换一次，组件就会被销毁一次，若不想让组件被销毁，则需要用到标 ......
界面组件DevExpress Reporting v23.1新版亮点 - UX功能增强
DevExpress Reporting是.NET Framework下功能完善的报表平台，它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集，包括数据透视表、图表，因此您可以构建无与伦比、信息清晰的报表 界面组件DevExpress Reporting v23.1已于前段时间 ......
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
VB.net开发必备技能——两个窗体之间的数据传递方法！
为了温故而知新，本博客旨在记录我学习VB.net编程的过程，分享基础知识和实用技巧，帮助有需要的朋友轻松入门VB.net编程。无论您是想开发Windows平台上的应用程序，还是想在.NET生态系统中展现创造力和创新精神，本文都将为您提供宝贵的指导。 作为程序员，你一定曾经遇到过需要在不同窗体之间传递 ......
SpringMvc集成开源流量监控、限流、熔断降级、负载保护组件Sentinel
作者查阅了Sentinel官网、51CTO、CSDN、码农家园、博客园等很多技术文章都没有很准确的springmvc集成Sentinel的示例，因此整理了本文，主要介绍SpringMvc集成Sentinel ......
uniapp中scroll-view滚动到指定组件位置
最近做一个uniapp的聊天室界面，当获取聊天信息之后需要下滑到底部最新消息处，当上拉刷新的时候需要再往上一格移动到下面的消息 通过scroll-view的滚动和下拉刷新来实现 在scroll-view的属性中设置 :scroll-into-view="state.scrollIntoMessage ......
内网、外网、宽带、带宽、流量、网速之间的区别与联系
一.带宽与宽带的区别是什么？ 带宽是量词，指的是网速的大小，比如1Mbps的意思是一兆比特每秒，这个数值就是指带宽。 宽带是名词，说明网络的传输速率速很高 。宽带的标准各不相同，最初认为128kbps以上带宽的就是宽带，而以下的就是窄带。 但现在国内运营商一般提供至少512kbps带宽的宽带服务。也 ......
Vue3 + Vite中使用unocss
什么是unocss？ unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。 Unocss： Guide 用Vite安装和配置步骤：UnoCSS Vite Plugin 互动性文档：https://unocss.dev/interactive/（ ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中，组合式 API 通常会与 <s ......
解决主机与虚拟机之间无法复制粘贴的问题办法
1.卸载VMware Tools sudo apt-get autoremove open-vm-tools 2.联网安装VMware tools sudo apt-get install open-vm-tools-desktop 3.记得要重启虚拟机！ ps：重启后，使用ctrl c+v似乎还是 ......
React 受控和非受控组件
无论你做什么，都要相信自己可以做到，因为你的潜力是无限的。 把父组件的状态变成属性传递给子组件，子组件接受这个属性，听命于父组件。这个子组件就是叫做受控组件。在受控与非受控组件有两种理解方案，第一：狭义上的受控与非受控，就是我们在表单中的受控与非受控组件。第二：广义上的受控与非受控组件，就是 Rea ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
js和python获取1-100之间的质数
js for (let i = 2; i <= 100; i++) { let iszs = true for (let j = 2; j < i; j++) { if (i % j 0) { iszs = false break } } if (iszs) { zs.push(i) } } con ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue2和vue3项目并存时，下载nvm管理nodejs
1、下载nvm 1）下载一个1.19版本以上的nvm，在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2）在nvm/sett ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于 proxy 的特性，也提高了运行时的性能 凡事有利有弊， proxy虽然无敌，但是他也有本身的局限，从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象， 通过 .valu ......