- 2024-11-01WPS Excel中配置下拉多选(VBA)
网上找到两种方案,一种利用数据选择其他单元格,也就是在其他单元格建数据。需求是模板,不合适这里我用的VBA,踩了挺多坑,详细说下首先更新WPS为最新版,确保可用VBA和JSA确定使用VBA还是JSA,两种语法不同VBA较老,语法可靠些,推荐(本文使用VBA)JSA为新引入JS,但支持较少,不太推荐
- 2024-10-06Vue3 watch方法----监视对象
使用watch时,如果想监视对象的内部属性值。需要使用watch的第三个参数的配置对象,手动开启深度监视。//使用watch时如果想监视对象内部的属性值,需要使用watch的第三个参数,手动开启深度监视watch(person,(newValue,oldValue)=>{console.log('person发生了变化',newValue,o
- 2024-10-01vue2与vue3中侦听器,Vue3中基础数据一个或多个ref
<template><divid="app"><nav><p>vue2与vue3侦听器的区别</p><p>当前数值是:{{count}}</p><button@click="count++">点击++</button><hr><p>当前字符串是:{{st
- 2024-08-01VUE3 el-Menu + tabs 联动
我们在项目中会有这种情况,根据点击侧边栏的菜单,来动态实现右侧tabs的增减,那么这种效果怎么实现呢1.模板部分<el-menu:collapse="isCollapse"active-text-color="#ffd04b"background-color="#242424"class="el-menu-vertical-demo":default-active="onRoutes&qu
- 2024-07-06Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
1:使用场景 从列表页跳转至不同的详情页面,对这些详情页面分别进行缓存2:核心代码2.1:配置路由文件在路由文件里对需要进行缓存的路由对象添加meta属性 //需要缓存的详情页面路由 { name:detail, path:'/myRouter/detail',//路径 compo
- 2024-06-11管理数据必备;侦听器watch用法详解,vue2与vue3中watch的变化与差异
目录一、侦听器(watch)是什么?二、Vue2中的watch(OptionsAPI)2.1、函数式写法2.2、对象式写法 ①对象式基础写法 ②回调函数handler ③deep属性 ④immediate属性三、Vue3中的watch3.1、向下兼容(Vue2)的Options API3.2
- 2024-05-29vue3项目中 路由elementPlus当中的标签页结合封装
在项目当中大家应该都有看到过,像标签页一样的面包屑吧,接下来我为大家介绍一下,主要组成部分:路由+组件库的标签页。ok就这么easy!!!它实现的方法也不难哦请看效果图ok,在中间实现思路与大家分享一下:主要是使用watch监听我们的route路由的变化,然后根据传递过来的路由信息,进行标签页
- 2024-05-15小程序接入瀑布流
样式padding:20upx;background-color:#f6f6f6;column-count:2;/*分为两列用于瀑布流*/column-gap:20upx;数据处理setDataList(newVal){constnewList=[].concat(...Array.from(newVal.reduce((total,cur,index)=>{//瀑布流处理total[index%2
- 2024-04-08avue表格 超过个数不能勾选
<avue-crudrow-key="id"reserve-selection@selection-change="selectionChange"></avue-crud>data(){return{maxSelectionCount:10,//设定最大勾选条数}},//选中的数据list是全部的数据,数组,//拿取数据的唯一id并赋值,批量删除使用selec
- 2024-03-20vue3学习笔记
1.创建一个vue3项目1.创建vueclinpminstall-g@vue/cli2.创建项目npmcreate<项目名称>开始敲代码啦!!!1.引用组件只需要import就可以了,因为使用了setup之后引用了就会被自动成为子组件了。2.声明数据ref用于声明基本数据类型reactive 用于声明对
- 2024-03-13封装动态生成二维码组件
1.封装一个根据内容动态生成二维码的组件2.效果图如下3.实现方式有多种展示两种 使用QRCode插件使用vue-qr插件4.组件API 1.logoSrc设置二维码中心logo 4.组件API5.组件代码 QRCode<template><divclass="count-to-wrapper"><divref="canvas
- 2024-03-05前端学习-vue视频学习006-watch监视、watchEffect
尚硅谷视频链接watch监视的5种情况情况1监视【ref】定义的【基本类型】数据<template><divclass="person"><h1>情况1:监视【ref】定义的【基本类型】数据</h1><h2>求和:{{sum}}</h2><button@click="changeSum">sum+1<
- 2024-01-163. Vue3源码解析之 ref
前言我们知道Vue3中声明响应式是通过reactive和ref这两个函数,上篇我们分析了reactive的实现原理,接下来我们再来看下ref是如何实现的。案例首先引入ref和effect两个函数,之后声明name响应式数据,接着又执行effect函数,该函数传入了一个匿名函数,最后两秒后又修改
- 2024-01-07如何使用vue的watch
在Vue.js中,watch是一个对象,你可以使用它来观察和响应Vue实例上的数据变化。当被观察的数据发生变化时,对应的回调函数将会被执行。以下是如何使用watch的基本示例:javascriptnewVue({el:'#app',data:{message:'HelloVue!'},watch:{message:function(ne
- 2023-11-27vue中的watch监听器
方法一:当监听某一属性的变化时,建议直接使用函数写法constvm=newVue({el:'#app',data:{username:''},watch:{username(newVal,oldVal){console.log(newVal,oldVal)}}}) 方法二:当页面初始化需要监听一
- 2023-11-24给ELement 穿梭框加表单必填项验证,提示文字总是存在问题。该页面有重复提交功能
背景目前项目中form表单提交中有地方用到了穿梭框,穿梭框是必填项,需要rules验证是否选择了数据,一般穿梭框是change触发 问题但是选择change触发,会出现如下问题,也就是用户一选,下面就触发校验规则了,用户体验很差 尝试解决方案将校验触发改成blur,啊哈解决但是又碰到新的问
- 2023-11-22vue3 watch
constfilterCommandList=computed(()=>{timerList.value.forEach((item)=>clearInterval(item));timerList.value=[];letdata=repeatReminderList.value;returndata.map((row)=>{row.close=false;row.lastT
- 2023-11-09记录--vue3 setup 中国省市区三级联动options最简洁写法,无需任何库
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助在写页面的时候,发现表单里面有一个省市区的options组件要写,因为表单很多地方都会用到这个地址选择,我便以为很简单嘛。虽然很简单的一个功能,但是网络上能搜索到的教程大多都是需要配合elementUI等各种UI库的
- 2023-11-05Vue学习笔记6:深度监视
6.深度监视监视number.a的变化:<!--准备好一个容器--><divid="root"><h3>a的值是:{{numbers.a}}</h3><button@click="numbers.a++">点我让a+1</button></div><scripttype="text/javascript">
- 2023-10-25Vue:watch的多种使用方法
好家伙, 补了一下watch的多种用法 1.属性:方法(最常用)使用最广泛的方式是将watch选项设置为一个对象,对象的属性是要观测的数据属性,值是一个回调函数,该回调函数会在属性变化时触发。例如:watch:{firstName:function(newVal,oldVal){console.log('firstNamec
- 2023-10-17el-date-picker空值和null值
在开发的时候使用时间组件时总会遇到一些问题开始的时候为空值,但是当你选择了时间后再次清除就变成了null,给判断带来了不变我使用了watch监听,当他为null时再把它赋值为空watch:{times(newVal){if(newVal==null){this.times=[];}},
- 2023-10-07记录 Ucharts 的使用
1.开启2d渲染线上运行开启canvas2d可以解决图表显示问题<qiun-data-chartscanvas2d.../>canvasId可以不传,官方内置生成随机字符串id的方法注:开启2d后,不能真机调试,只能开发者工具调试或扫二维码"预览"。开启2d后,模拟器出现显示穿透的问题无需理会。
- 2023-09-20vue父组件值更新子组件没更新
因为父组件和子组件的数据单向绑定关系,子组件中的数据并不是从父组件中获取的而是通过props传递的。因此只更新父组件的数据不会自动更新子组件中的数据。需要在子组件中通过watch监听num的变化,将最新的值传递给变量,从而更新展示。点击清空button会把num重新赋值,自动触发watch监听
- 2023-09-17一文读懂ref函数:从入门到精通的具体操作指南
什么是ref函数Vue3中的ref函数是一个用于创建响应式数据的函数。在Vue3中,当组件渲染时,会生成一个响应式数据对象,该对象包含了组件实例的所有数据属性。使用ref函数可以创建一个响应式的数据对象,并且可以在组件的生命周期内进行读取和修改。具体来说,ref函数接受一个初始值作为参数,并
- 2023-09-13Vue3语法基本使用
1、watch使用watch(监听数据源,执行函数,[配置参数])//配置参数:立即执行深度监听{immediate:true,deep:true}1.1监听基本数据类型单一数据源<scriptsetup>import{ref,watch}from'vue'letname=ref('张麻子')//监听器watch(name,(new