组件 函数vue design

vue3自定义指令 拖拽 与拖拽变大小

directives:{ drag:{ mounted: (el, binding) => { const dragDom = el; const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); el.par ......
指令 大小 vue3 vue

电子表格vlookup函数使用

vlookup是常用的辅助查找函数,但是这个函数的参数定义和解释非常的难以理解,即使用向导也很难搞清楚哪个参数是啥意思。放到编程圈里面应该也算bad design的典型了。下面是函数的定义,每次看到这个定义都一脸懵逼: 下面对每个参数进行详细的解释: 查找值:一般是和查找结果在同一个sheet页里面 ......
函数 表格 vlookup 电子

子查询高级查询以及集合运算统计函数

子查询 单行子查询 子查询部分的返回结果为单行 的结果 多行子查询 子查询部分的返回结果为多行 的结果,主要关键字有 any , in ,all any 表示任意一个,在集合中有一个满足条件即可 all 所有 ,在集合中所有都满足即可 in 表示任意一个,在集合中有一个满足条件即可 eg: sele ......
函数

19:vue3 依赖注入

1、通过Prop 逐级透传问题(传统老的方法只能逐级传递) 传统方式代码如下: App.vue 1 <template> 2 <h3>祖宗</h3> 3 <Parent :msg="msg"></Parent> 4 </template> 5 6 <script> 7 import Parent f ......
vue3 vue

Vue3+.net6.0 五 类和样式绑定

Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, ......
样式 Vue3 net6 Vue net

二维码简易实现 Vue+Springboot

Vue: <template> <div> <img :src="database64" width="150px"/> <div> 注:请使用手机微信扫码,并于2分钟内绑定员工账号(二维码为账号独属,请勿分享)。 </div> </div></template><script>import { g ......
Springboot 简易 Vue

函数分类

数值函数 abs 绝对值 round 四舍五入并保留几位小数 round(45.252,1) =45.3 trunc 截断并保留几位小数 trunc(45.252,1) = 45.2 sqrt 平方根 power 幂指数 power(2,3) 求的2的3次幂 cos 求余弦 字符函数 ascii 获 ......
函数

vue 批量下载通用方法【转载】

自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
方法 vue

nginx部署vue网站

1.背景 最近gpt很火,于是尝试用gpt来进行古诗词取名,做了一个vue的网站进行展示,第一次部署,踩了一些坑。 2.实施 nodejs安装: 在任意目录执行如下命令进行安装包下载:wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......
nginx 网站 vue

多个vue-cli版本共存

1.安装指定版本 2.改名 3.配置环境变量 ......
多个 vue-cli 版本 vue cli

2023-07-12 vue this.$set设置子组件内的值无效(uniapp+vue)

前言:怎么说呢,子组件内嵌套了多层对象和数组,业务逻辑也是在子组件内处理,如何修改多层嵌套的对象数组的值? vue提供了一个this.$set方法去改变对应的值,实测在uniapp打包的微信小程序中无法使用该方法,而在Android端则可以,那有没有两全其美的方法? 答案是有,在修改深层次的值时可以 ......
组件 vue uniapp 2023 this

vue-json-viewer

####npm ``` $ npm install vue-json-viewer@2 --save // Vue2 $ npm install vue-json-viewer@3 --save // Vue3 ``` ####例子 ``` import JsonViewer from 'vue-j ......
vue-json-viewer viewer json vue

使用vite快速创建vue3项目

npm init vite-app app-name ......
项目 vite vue3 vue

一个高性能、低内存文件上传流.Net组件

推荐一个用于轻松实现文件上传功能的组件。 **项目简介** = 一个基于 .NET 平台的开源项目,提供了一个简单易用的 API,可以在 Web 应用程序中快速集成文件上传功能。 优化多部分流式文件上传性能:减少25%的CPU使用量、50%内存。 **项目特点** = 1、简单易用的API: 提供了 ......
高性能 组件 内存 文件 Net

sql函数实现加密解密(解决加密之后乱码问题)

select aes_decrypt(UNHEX(HEX(aes_encrypt('中国suheng123', '密钥'))),'密钥') ......
加密解密 乱码 函数 问题 sql

前端Vue仿美团地址管理组件列表组件 可用于电商平台收获地址管理

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
组件 地址 前端 平台 Vue

前端Vue自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
组件 前端 进度 插件 步骤

vue3 粒子动画 canvas

<template> <div class=""> <canvas id="canvas"></canvas> </div> </template> <script setup> import { onMounted } from 'vue'; let d const project3D = (x, ......
粒子 动画 canvas vue3 vue

Suspense异步引入组件

等待异步组件时渲染一些额外内容,让应用有更好的用户体验 使用步骤: 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./components/Child.vu ......
组件 Suspense

响应式数据的判断函数

isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或者 readonly 方法创 ......
函数 数据

关于C语言中的《scanf》和《printf》函数的返回值

### 一,scanf **C语言中的scanf函数的返回值类型是int,表示你正确输入参数的个数** 代码如下: ``` #include int main() { int a = 0; int b = 0; int num = scanf("%d%d",&a, &b); printf("num ......
函数 语言 printf scanf

BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘

## BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘 效果如图 ![img](https://img2023.cnblogs.com/blog/2902819/202307/2902819-20230711201306161-1786295477.png) 这里主要 ......

vue表单中输入框事件的使用@input、@keyup.enter、@change、@blur、@focus

1.@input(v-on:input) 此触发方法适合在查询条件或实时规则校验中使用 <input type="text" placeholder="请输入查询内容条件" v-model="inputVal" v-on:input="search" value="" /> 2.@keyup.ent ......
表单 事件 change input enter

解决vue-router在3级路由keep-alive后组件加载多次方法

问题 连续两天遇到keepalive问题,第一个问题是三级路由嵌套router-view没法缓存问题,第二个问题是使用keepalive导致组件渲染两次问题,深坑。。。 官方bug 解决思路 引入routerHelper,createRouter时三级路由提升为两层 import { deepClo ......
路由 vue-router keep-alive 组件 方法

elementui文本框_element UI el-autocomplete组件 带输入建议的输入框

elementui文本框_element UI el-autocomplete组件 带输入建议的输入框 原文链接:elementui文本框_element UI el-autocomplete 带输入建议的输入框 项目需求:需要用户在输入框中输入公司 全名 但是为了避免用户输入不全 需要做一个带输入 ......

函数

# 函数 ## 1. 随机产生字符串 ```sql //函数 delimiter $$ create function ran_string(n int) returns varchar(255) begin declare chars_str varchar(100) default 'abcde ......
函数

vue学习——vue实例与组件

vc不是通用的称呼,官方的说法是组件实例对象 组件实例的原型对象的原型对象是vue的原型对象 ......
组件 vue 实例

18:vue3 异步加载

在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能: 1 <template> 2 <h3>异步加载</h3> 3 <KeepAlive> 4 <component :is="tabCompon ......
vue3 vue

17:vue3 组件保持存活状态

<KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例 1、不使用KeepAlive,组件不保持存活,验证如下: A组件 1 <template> 2 <h3>ComponentA</h3> 3 <p>{{ message }}</p> 4 <button @c ......
组件 状态 vue3 vue

vue2基础 入门vue2

# vue基础 - vue项目搭建 - vue单文件组件 - mustach表达式 - vue指令 - methods方法 - filters过滤器 - computed计算属性 - watch监听器 - vue组件 - vue-router 路由 - vue生命周期 - vue组件通信 - slo ......
vue2 vue 基础