vue3导出excel

vue3Watch监听RefImpl对象的说明

vue3Watch监听RefImpl对象的说明watch监听RefImpl对象watch监听RefImpl对象import{ref,reactive,watch}from"vue";exportdefault
莫循瑾木·2023-12-21 04:09

Java POI 导出Excel postman 测试下载文件

1.准备：org.apache.poipoi4.0.0compileorg.apache.poipoi-ooxml4.0.02.controller/***新客短信促活统计-下载Excel**@return*/@ResponseBody@PostMapping("/total/download")publicvoidgetSmsMarketingTotalDownloadExcel(@Reques
ABrotherCount·2023-12-21 04:39

Uniapp + Vue3 + Pinia + Vant3 框架搭建

现在越来越多项目都偏向于Vue3开发，想着uniapp搭配Vue3试试效果怎么样，接下来就是详细操作步骤。
yueF_L·2023-12-21 03:28

Uniapp + Vue3 封装请求工具挂载全局

新建request.js工具类consthttp={//baseUrl地址baseUrl:'http://localhost:8080',//请求方法request(config){//config：请求配置对象，具体参照uniapp文档config=beforeRequest(config)//请求地址拼接config.url=this.baseUrl+config.url//异步请求retur
yueF_L·2023-12-21 03:28

探索 Vue3 (二) 插槽slot

插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件的标签。匿名插槽在子组件放置一个插槽父组件中使用：哈哈哈哈哈哈具名插槽具名插槽其实就是给插槽取个名字。一个子组件可以放多个插槽，而且可以放在不同的地方，而父组件填充内容时，可以根据这个名字把内容填充到对应插槽中子组件代码：父组件中使用：我是头部哈哈哈哈哈哈我是
yueF_L·2023-12-21 03:57

探索 Vue3 (一) 父子组件传参

父组件通过v-bind绑定一个数据，然后子组件通过defineProps接受传过来的值，如以下代码子组件代码：菜单区域{{title}}{{data}}//js写法defineProps({title:{default:"哈哈",type:String},data:{type:Array,default:[1.2,3]}})//ts写法//defineProps()//ts带默认值写法//type
yueF_L·2023-12-21 03:27

Vue2+Vue3

什么是VueVue是一个用于构建用户界面的渐进式框架创建Vue实例核心步骤（4步）：准备容器引包（官网）—开发版本/生产版本创建Vue实例newVue()指定配置项，渲染数据el:指定挂载点data提供数据Document完成渲染-->box2--{{count}}box--{{msg}}{{msg}}{{count}}newVue({el:'#app',//通过el配置选择器，指定Vue管理的是
渔阳节度使·2023-12-21 03:23

css3——background-size 属性、vue3——中less、sass最新的深度选择器 deep()

background-size:background-size属性指定背景图片大小。默认值:auto继承:nobackground-size:length|percentage|cover|contain;length：设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为auto(自动)percentage：将计算相对于背景定位区域的百分比。第一个值设置宽
还需studystudy·2023-12-21 01:26

VUE3 之 键盘事件

言归正传，今天我们来聊聊VUE3的键盘事件。
追风人聊Java·2023-12-21 00:48

vue3语法(js)

vue3教程ts语法vue3//ps这里是基本写法一般项目不需要ref因为需要一直return这里是根据在不使用ts后缀来在.vue里面写setup如下图所示:setupsetup是启动页面会自动执行的一个函数项目里定义的所有变量
小阳生煎·2023-12-21 00:48

vue3封装请求功能

1一般3开发后缀为ts的是在安装脚手架选择了ts语法开发2一般3开发后缀还为js的是没有选择ts当然也支持后缀vue文件使用setupjs后缀的支持2的封装如下链接:vue2封装请求如下所示为ts后缀的说明:request.js这个文件是封装请求axios据index.js这个文件是封装单独独立的接口数request.jsimportaxiosfrom'axios';//创建axios,赋给变量s
小阳生煎·2023-12-21 00:17

vue3一键回到顶部方法

引入组件文件写一个文件放在components里面在需要时进行调用它但是呢vue3当中怎么拿到呢请往下看==============content这个文件是放在component的文件!
小阳生煎·2023-12-21 00:17

Vscode中快速生成Vue3模版

步骤：设置=>用户代码片段=>新建vue3文件夹的代码片段{"Printtoconsole":{"prefix":"vue3","body":["","","","","","import{reactive
小阳生煎·2023-12-21 00:47

vue3中的组件间通信

与vue2的方法一样1父给子传值props我们通过在父组件引用子组件的时候，可以通过自定义属性进行值的传递，在子组件通过props进行接收。父传值给的是值父importrcodefrom"../component/list.vue";//这是子的文件import{ref,watch,reactive,toRefs}from"vue";exportdefault{components:{rcode}
小阳生煎·2023-12-21 00:47

Vue3的路由跳转传参接参

路由跳转vue2路由跳转点击这里分为2种方法query========通过router.push{path:'跳转路径',query{传入参数}}然后通过route.query来进行接收a页面登录import{reactive,toRefs,onMounted,}from"vue";import{useRouter,useRoute}from'vue-router';//要引入路由exportde
小阳生煎·2023-12-21 00:47

vue3脚手架安装配置与使用

安装脚手架vue2安装讲解以安装VUE3为案例1安装配置前准备的工作0在搭建vue的开发环境之前首先要安装node.js(详情参考菜鸟教程的node安装)1.1安装完成node后打开docs管理工具看是否安装成功输入
小阳生煎·2023-12-21 00:46

vue3 使用＜script lang=“ts“ setup＞加上lang=“ts“后编译错误

报错信息报错原因加上了lang=ts解决下载typescript和loadernpminstalltypescriptts-loader--save-dev配置vue.config.js添加下面的代码configureWebpack:{resolve:{extensions:[".ts",".tsx",".js",".json"]},module:{rules:[{test:/\.tsx?$/,l
小阳生煎·2023-12-21 00:45

7个 Vue3 中的组件通信方式

原文链接:7个Vue3中的组件通信方式01.png前言本文采用的编写方式，比optionsAPI更自由。
子瞻是也·2023-12-20 22:38

vue3中子组件调用父组件的方法

前提父组件：子组件：constemit=defineEmits(['closeson'])在子组件的方法中使用：emit('closeson')
Julyued·2023-12-20 22:50

vue3项目引入电子签名（可横屏竖屏）

实现效果：（左边横屏，右边竖屏）前言：【使用开源项目smooth-signature实现签名的功能。Gitee地址是：GitHub-linjc/smooth-signature:H5带笔锋手写签名，支持PC端和移动端，任何前端框架均可使用以下代码可复制粘贴直接用，改下文件路径即可】1.在项目中安装依赖包：npminstall--savesmooth-signature2.我是放到一个dialog里
Julyued·2023-12-20 22:45

Apache poi 对单元格进行合并

需求背景:在导出excel时,需要对内容相同的单元格进行纵向合并期望达到的效果:poi实现合并单元格的方法sheet.addMergedRegion(newCellRangeAddress(开始行,结束行
洪韭菜·2023-12-20 21:01

vue3 使用antd 报错Uncaught TypeError--【已解决】

问题现象使用最基本的ant-design-vue按钮demo都报错报错文字如下UncaughtTypeError:Cannotreadpropertiesofundefined(reading'value')atReactiveEffect.fn(ant-design-vue.js?v=597f5366:6693:87)atReactiveEffect.run(chunk-K2VKR2AM.js?
阿雷由·2023-12-20 19:30

Vue3文字实现左右和上下滚动

可自定义设置以下属性：滚动文字数组（sliderText），类型：Array，必传，默认[]滚动区域宽度（width），类型：number|string，默认‘100%’滚动区域高度（height），类型：number，单位px，默认60滚动区域背景色（backgroundColor），类型：string，默认‘#FFF’滚动区域展示条数，水平滚动时生效（amount），类型：number，默认4
爬坑的小白·2023-12-20 19:23

Vue2竖向文字滚动

Vue3文字滚动（TextScroll）可自定义设置以下属性：滚动文字数组（sliderData），必传文字滚动时间间隔（interval），默认3000ms展示文字宽度（width），默认800px，
theMuseCatcher·2023-12-20 19:22

vue3组件通信之v-model篇

简述相信很多人对vue的v-model指令不陌生吧，在vue2的时候，v-model肩负着数据双向绑定的任务，到了Vue3之后，v-model也迎来了新的变化，即可以实现组件的通信。
躺平的乐子人·2023-12-20 18:41

vue3 element-plus 根据表格多选状态 禁用 按钮

element-table中的钩子函数selectino-change可以获取表格的数据状态触发相应操作constselectionChange=(selection:any)=>{if(selection.length>0)isDisable.value=falseelseisDisable.value=true}按钮的禁用状态由isDisable变量响应式决定批量删除letisDisable=
Я жду ветра·2023-12-20 18:07

vue3组件通信之v-model

v-model指令可是收集表单数据(数据双向绑定)，除此之外它也可以实现父子组件数据同步。而v-model实指利用props[modelValue]与自定义事件[update:modelValue]实现的。父组件ModelTest代码如下：//引入子组件importChildfrom"./Child.vue";//父组件的数据钱数letmoney=ref(10000);//自定义事件的回调cons
学习不止境·2023-12-20 18:07

14 v-model绑定输入框

概述v-model用于实现双向数据绑定，使用v-model绑定输入框是Vue3中最常见的用法之一。比如，在制作登录界面的时候，我们会使用v-model绑定用户名和密码，这里的用户名和密码都是输入框。
Python私教·2023-12-20 18:04

C#winform从数据集导出Excel(带指定Excel样式)

利用数据集作为数据源，在winform中导出Excel。1、首先要确保使用的机器安装Office工具。然后在工程中添加如下引用。
阿达King哥·2023-12-20 17:01

用vue3封装自用的echarts组件

封装的组件目录封装的组件在项目中使用BaseChart.vueimport{ref,onMounted,onBeforeUnmount,watch,markRaw}from'vue';import{debounce}from"@/utils";//节流函数import*asechartsfrom"echarts";constemit=defineEmits(['chartClick','chart
morenhaodan·2023-12-20 17:22

vue3 computed计算属性

Documentletapp=Vue.createApp({//之前计算属性写法//computed:{//aa(){//returnthis.a+this.b//},//},setup(){const{ref,computed}=Vueconstcount=ref(0)consthandleChange=()=>{count.value+=1}//count2=computed(()=>{//r
前端-小鑫·2023-12-20 17:52

Vue3和TypeScript学习笔记coderwhyDay05之v-model、组件化

v-model、组件化补充知识点watch侦听器注意点深拷贝和浅拷贝v-model基本使用和原理v-model基本使用v-model原理v-model绑定其他表单类型v-model的值绑定v-model修饰符Vue组件化组件的注册方式注册全局组件注册局部组件不推荐注册全局组件组件的名称Vue的开发模式补充知识点watch侦听器注意点constApp={template:'#my-app',data
coderwm·2023-12-20 17:51

Java导出excel中response.setHeader()参数设置

response.setHeader()1.HTTP消息头（1）通用信息头即能用于请求消息中,也能用于响应信息中,但与被传输的实体内容没有关系的信息头,如Data,Pragma主要:Cache-Control,Connection,Data,Pragma,Trailer,Transfer-Encoding,Upgrade（2）请求头用于在请求消息中向服务器传递附加信息,主要包括客户机可以接受的数据
LX_XN·2023-12-20 16:05

Thinkphp5导出Excel功能

Thinkphp5导出Excel功能网上下载PHPExcel包，http://www.php.cn/xiazai/leiku/1491下载后只需要Classes目录下的文件即可放在Thinkphp/vendor
LuHaiPing818·2023-12-20 16:05

Vue3+Element-Plus 实现表单中搜索功能 三五

1.当用户在表单搜索框中，输入要搜索的用户名，点击搜索按钮后，查找到相对应的用户数据2.实现搜索功能的步骤2.1首先，使用v-model指令，将文本输入框的数据与data中的数据做双向绑定2.2其次，为搜索按钮绑定单击事件，并调用事件函数。只要点击按钮，就发起一次查询请求。2.2接着，优化文本输入框，在文本框尾部添加清除功能，当用户点击清除后，文本框数据被重置（清空），同时触发一个事件，查询出所有
小丫头呀·2023-12-20 16:02

Vue3 +ElementPlus 表单组件的封装

Vue3+ElementPlus表单组件的封装在系统中，表单作为用户与后端交互的重要传递组件使用频率极高，故对其进行封装是必然的，也是一个编写规范代码的前端程序员必须做的一件事。
小小前端程序猿·2023-12-20 16:32

【vue3】通过 elmentui 中的 el-tree树状栏实现数据筛选

初始进入页面展示所有数据单击tree某一节点，查询列表数据需求：通过点击节点查询当前的子节点和列表内容。tree.vue页面，完整代码共有{{person.data.total}}个符合条件的课程0">{{item.Name}}import{reactive}from'vue'import{getDicList,getRecordList}from"@/api/record";letperson:
禾小毅·2023-12-20 16:32

11 v-bind指令

概述v-bind指令可以说是Vue3中最常用的指令之一，使用v-bind，我们几乎能够给任何实现动态的绑定比值。这里，我们主要演示以下，通过v-bind动态绑定CSS样式。
Python私教·2023-12-20 14:23

【vue3】watch与watchEffect的全面用法（一篇就会）

watch与watchEffectwatchwatch监听refwatch监听reactivewatch监听多个数据watch配置immediate和deepwatchEffectwatchwatch可以监听一个或多个响应式数据，一旦数据变化，就自动执行监听回调。如果是监听reactive对象中的属性，必须通过函数来指定。如果监听多个数据，需要使用数组来指定。默认初始时不执行回调，但可以通过配置i
Aray阿伟·2023-12-20 14:11

【vue3+TS】customRef在实战中的使用（防抖）

【vue3+TS】customRef在实战中的使用（防抖）新建文件debounced.ts文件内容页面中使用效果customRef用于自定义一个ref，可以显式的控制依赖追踪和触发响应，接受一个工厂函数
Aray阿伟·2023-12-20 14:11

【vue3+ts】动态生成word文件并下载

动态生成word文件并下载下载依赖新建docx的word模板新建ts文件在vue文件中引入如果你不想要ts，这里也有ts装成的js代码看了很多帖子，最后还是自己搞定的……没一个靠谱的，都说不清楚，那就自己动手吧！下载依赖npmidocxtemplaternpmifile-savernpmipizzip新建docx的word模板建议在项目文件夹里面手动创建，不要在编译器里面创建。要在public目录
Aray阿伟·2023-12-20 14:40

Vue3中computed计算属性的全面用法（简单易懂，一篇就会）

Vue3中computed计算属性的用法基础用法更高级别用法用于筛选数据computed用于简单的计算基础用法页面中：小计：{{total}}引入：import{computed}from'vue'使用
Aray阿伟·2023-12-20 14:10

uni-app5+app打包,vue3开发vite.config.js的配置

resolve}from'path'/*一个按需自动导入Vue/VueRouter等官方Api的插件*/importAutoImportfrom'unplugin-auto-import/vite'/*解决vue3
Stacey-TL·2023-12-20 13:50

前端笔记之vue3 之 render函数和createVNode函数使用

初学vue3的时候倒是扒了一点点源码，似是而非，而且一直做的工作都是很简单的功能，怎么说呢，ui框架也几乎让我很容易的就可以写出一个成型的页面，有时就忘了初学的时候的一些心得。
苏小邪·2023-12-20 13:07

VUE3（一）安装+使用vite创建一个项目

VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。
camellias__·2023-12-20 13:50

Vue3 实现列表虚拟滚动

前言近期在做一个网页播放器项目中，用到很多需要展示歌单的列表一个歌单动辄千百首歌曲，页面中的元素太多导致热重载的时候chrome直接崩了于是无限滚动列表提上日程写的有点乱，也是第一次用typescript写项目，先记录一下完成效果思路和需要解决的问题与懒加载不同，虚拟滚动需要一次性获取所有数据，但是只显示屏幕可见范围内的数据要做到这些我需要知道：一行的高度屏幕范围内能显示的行数列表在页面中距离网页
你会瘦·2023-12-20 13:01

手动实现 Vue 3的简易双向数据绑定（模仿源码）

Vue3带来了许多令人兴奋的新特性和改进，其中之一就是其双向数据绑定的实现方式。
xjt_0901·2023-12-20 13:29

vue3虚拟dom和diff算法实现（模仿源码）

手动实现Vue3的虚拟DOM和Diff算法Vue3引入了许多新的改进和特性，其中之一是对虚拟DOM(VirtualDOM)和Diff算法的优化。
xjt_0901·2023-12-20 13:29

Vue3自定义hooks

Hooks解决了什么虽然vue3文档没有直接提hooks，但经过我的一番学习后发现，发现大佬们都习惯性使用hooks，来降低代码的耦合度。
heiyay·2023-12-20 12:18

vuex--未完

一、简介vue3.0以上，本文是3.0vue2.0Vuex是一个专为Vue.js应用程序开发的状态管理模式+库（全局管理，相当于一个全局变量，所有页面共享）。
xp_1711·2023-12-20 11:26
上一页 113 114 115 116 117 118 119 120 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他