vue3导出excel

手动封装面包屑组件（Vue3）

Bread和BreadItem都是单独封装的全局组件，之后哪里需要面包屑哪里直接使用exportdefault{name:'Bread',render(){//Vue2中h函数是render的形参//Vue3
沃德麻鸭·2024-01-02 12:35

angular2+导出excel表格

1、安装插件npminstallfile-saver--savenpminstallxlsx--save2、在需要使用的ts文件中引入以下代码import*asFileSaverfrom'file-saver';import*asXLSXfrom'xlsx';3、导出json格式数据为excel表格exportExcel(){//设置表格样式，!cols为列宽constoptions={'!col
点沙微痕·2024-01-02 12:04

/deep/和>>>和::v-deep

某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/.el-input__inner{padding:010px;}注意，/deep/在vue3.0
_皓月__·2024-01-02 11:04

Vue3中ref和reactive的区别

ref既可以实现基本类型的响应式也可以实现对象或者数组类型的响应式，但是需要在变量后加一个value来修改对应的值才可以生效reactive只能用来实现对象或者数组等类型的响应式，且如果对整个对应进行重新赋值，则响应式会失效，可以通过Object.assign(）来实现响应式，具体如下letgg=reactive({address:'山西'})functionupdategg(){//响应式不生效
EntyIU·2024-01-02 10:40

安装vue,使用idea运行vue3

vue学习笔记-安装vue,使用idea运行vue31.安装node.js1.https://nodejs.org/zh-cn/，点击长期支持版进行下载2.win+R输入cmd,输入node-v和npm-v
G_G_B·2024-01-02 10:25

【web】vue 播放后端（flask）发送的 mp3 文件

文章目录演示后端（flask）前端（vue3）说明演示后端（flask）后端返回的是mp3文件的url，是可以直接在浏览器上打开后播放的处理跨域请求pipinstallflask-corsfromflaskimportFlask
灯笼只能来教室体验生活·2024-01-02 10:24

通过url 下载文件

vue3.0项目中fileUpload.ts添加下载代码exportconstdownload=(url,fileName='')=>{constxhr=newXMLHttpRequest();xhr.open
Joan_King_·2024-01-02 10:54

java导出Excel合并单元格

网上java导出excel表格并合并单元格的资料不完全，我整理了一份，并亲测能用，附截图。
hunheidaode·2024-01-02 09:48

Vue3 用户认证：如何检查用户是否已登录

在Vue3中，检查用户是否登录通常涉及到以下几个步骤：状态管理：在客户端存储用户的登录状态，可以使用Vuex、Pinia或者组件的本
诸葛妙计·2024-01-02 08:01

内置指令(v-if/v-else-if/v-else/v-show)、双向绑定、侦听器、生命周期

、内置指令(v-if/v-else-if/v-else/v-show)内置指令v-ifv-else-ifv-elsev-showv-oncev-bindv-model二、双向绑定三、侦听器四、生命周期Vue3Vue2
Vincent_Vang·2024-01-02 07:42

Vue3使用事件总线（Event Bus）实现发布订阅模式

Vue3使用事件总线（EventBus）实现发布订阅模式在Vue.js中，订阅发布模式（也称为发布-订阅模式或Pub/Sub模式）是一种设计模式，用于促进组件或对象之间的松散耦合。
正宗咸豆花·2024-01-02 04:29

vue3-13

token可以是后端api的访问依据，一般绝大多数时候，前端要访问后端的api,后端都要求前端请求需要携带一个有效的token,这个token用于用户的身份校验，通过了校验，后端才会向前端返回数据，进行相应的操作，如果没有通过校验，后端则做其他处理。之前后端代码并没有对前端请求进行token校验，之前的后端src/main/resources/application.properties的文件sp
敲代码的翠花·2024-01-02 04:39

vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function

问题如下图，在component组件上添加v-if判断，会报错:parentcomponent.ctx.deactivateisnotafunction解决方法去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key
少油少盐不要辣·2024-01-02 03:33

defineprops() must be a literal type or a reference to an interface or literal type

1.vue3打包遇到如下问题2.分析vue3defineProps不支持使用外部导入的类型，会报错。3.解决方法就是直接在脚本标签区域写类型声明，然后引用即可。
少油少盐不要辣·2024-01-02 03:02

Vue3 的 emit 该怎么写， vue2 对比

Vue3的emit该怎么写，vue2对比这是个新手问题，从vue2转到vue3之后，一时间不知道该怎么用它了。
十月ooOO·2024-01-02 02:26

个体诊所软件方案，农村医疗服务站社区门诊电子处方管理系统软件教程

农村医疗服务站社区门诊电子处方管理系统软件教程一、软件程序问答1、处方单软件有病历汇总吗如下图，软件以佳易王电子处方软件V17.2版本为例说明点击病历汇总统计按钮，可以按明细查询或病历汇总查询，查询的结果可以打印也可以导出
编程实战·2024-01-02 01:56

详解Vue3中的鼠标事件mousemove、mouseover和mouseout

本文主要介绍Vue3中的常见鼠标事件mousemove、mouseover和mouseout。
专业研究祖传Bug编写术·2024-01-02 00:12

详解Vue3中的鼠标事件mousedown、mouseup和contextmenu

本文主要介绍Vue3中的常见鼠标事件mousedown、mouseup和contextmenu。
专业研究祖传Bug编写术·2024-01-02 00:11

vue3 element plus el-table封装（一）

highlight:a11y-dark本文是对el-table的基本封装，很常规的操作，主要是对列的封装，可以根据列配置数组进行渲染，后续会追加分页,列分类格式化等扩展封装方式一（props传递，Attributes继承）//BaseTable.vuedefineProps({config:{type:Object,default:()=>({})}})//index.vue{{row.btn}}
无心使然云中漫步·2024-01-02 00:16

vue3结合element-plus封装table列表组件

效果如下:ok,开始代码，逻辑肯定是公共部分写死，不一样的地方用插槽来完成table.vue{{title}}{{scope.row[propItem.prop]}}import{defineComponent}from'vue'exportdefaultdefineComponent({props:{title:{type:String,default:''},listData:{type:Ar
进阶的巨人001·2024-01-02 00:16

vue3 | el-table表格二次封装

需求1.统一样式，通过slot插槽而非json配置项的形式，来兼容原有table的template写法，方便改造2.列的显示隐藏控制，默认根据接口数据是否有返回绑定prop对应的字段，来实现列的权限控制显隐，也可通过外部传tableHeader来自行控制3.合并分页器myTable.vue标签名替换为即可,v-loading指令需改为:loading绑定，其他所有属性方法的绑定和使用都和eleme
ydongabc·2024-01-02 00:46

vue3 element plus el-table封装（二）

上文是对el-table的基本封装，只能满足最简单的应用，本文主要是在上文的基础上增加slot插槽，并且对col插槽进行拓展，增加通用性//BaseTable.vueconstslots=useSlots();consttableSlots=computed(()=>{//原生el-table插槽只有default,append,empty//原生el-table-column插槽只有table插
无心使然云中漫步·2024-01-02 00:12

【工具】execl生成工具SXSSFWorkbook

处理xls的excel用的workbook是HSSFWorkbook，处理xlsx的excel用的是XSSFWorkbook,导出excel的时候数据会驻留在内存中，所以当数据量大的时候容易造成内存溢出
悔建阿里杰克马·2024-01-01 22:56

Vue3.4正式发布，更快、更强、更好用

Vue3.4正式发布，更快、更强、更好用！12月28日，Vue3.4正式发布，代号为“SlamDunk”，即灌篮高手。这个版本进行了许多重要的内部改进，其中最引人瞩目的是重写的模板解析器。
诸葛亮的芭蕉扇·2024-01-01 21:22

【vue3.0】14.0 某东到家（十四）——购物车

目前页面如下：image.png新建组件src\views\shop\Cart.vue:1总计：¥128去结算import{ref}from'vue'exportdefault{name:'OrderConfirmation',setup(){consta=ref(0)return{a}}}.cart{position:absolute;left:0;right:0;bottom:0;he
bobokaka·2024-01-01 21:59

Vue3 高级语法以及自定义组件

文章目录1.render函数1.1h函数1.1.1h()函数的基本使用1.1.2h()函数中组件与插槽的使用1.2jsx语法糖1.2.1jsx的配置(旧版本)1.2.2jsx计数器案例1.2.3jsx组件的使用2.指令的生命周期3.自定义组件3.1自定义组件元素挂载完成后可以自定获取焦点3.2指令的参数和修饰符3.3自定义指令实现时间的转换4.Vue插件4.1插件的编写方式5.Teleport的使
ik i5·2024-01-01 21:59

vue3笔记：自定义组件

自定义组件，举个:1、封装自定义组件CustomList.vueimporttype{IDataItem}from"../type/customlist";//IProps不能直接从外部导入，当前会报错，以后可能会支持（有人提了issue）exportinterfaceIProps{title?:string;data:Array;}import{onMounted}from"vue";//声明一
是烤面包片呀？·2024-01-01 21:29

vue组件、html里引用vue.js，实现自定义组件，子父组件相互传参、vue2组件、vue3组件用法、component、组件传值

在html里直接引用vue.js，实现自定义组件、子父相互传参目录自定义组件父组件给子组件传值子组件向父组件传值vue3组件用法自定义组件目录结构一、首先，引用vue.js到页面，版本根据自己的需要，我这里是
闲来无事垂钓·2024-01-01 21:58

vue3自定义组件

vue3自定义组件1.在components文件夹创建一个组件组件名Component内容这是我的组件exportdefault{name:'component',}2.在app.vue中使用组件//导入组件
weixin_45099012·2024-01-01 21:58

VUE3.0学习系列随笔（五）：自定义组件使用

VUE3.0学习系列随笔（五）：自定义组件使用VUE2.0和VUE3.0虽然在工程目录结构上存在较大差异，但是具体的代码实现逻辑相同，本文所使用的自定义组件方法，同样适用于VUE2.0。
一方通行00·2024-01-01 21:27

新手小白：一文带你用vite从零搭建企业级开发环境

    在这工作的半年时间里，开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多
九号新秀·2024-01-01 17:09

一文看懂vue2与vue3的区别

vue2和vue3的区别前言vue2和vu3的区别，一直以来是面试必考题目，如何回答，回答的层次决定了面试者的对于vue2，3的理解，以及对于vue3目前稳定版本发展的方向的了解，即考察使用程度，又考察了学习能力
苦逼的猿宝·2024-01-01 17:03

Vue3使用codemirror

Vue3使用codemirror设计说明后端接口的问题项目下载设计说明本意是打算搭建一个在线的代码运行编写平台，方便随时可以在手机上也测试一些简单的代码；在集成这个插件的时候遇到了不少问题，主要是插件依赖的下载
bingbingyihao·2024-01-01 16:10

Vue的可伸缩后台导航菜单

Vue的可伸缩后台导航菜单文章说明源码效果展示文章说明采用Vue3+iconfont编写了一个简单的可伸缩后台导航菜单的基本框架，在动画方面效果一直加不好，就索性不加动画了；然后主题颜色也并不好调，就直接调了一个简单的颜色
bingbingyihao·2024-01-01 16:10

Vue3 Composition API

#Vue3快速上手##1.Vue3简介-2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）-耗时2年多、[2600+次提交](https://github.com/vuejs
掌趣·2024-01-01 16:34

Vue3 Composition API

CompositionAPI1.CompositionAPI接下来我们来介绍一下Vue3中新增的CompositionAPI如何使用。
5coder·2024-01-01 16:04

深入理解Vue.js 3的Reactive方法

reactive是Vue3的Comp
liwp_Stephen·2024-01-01 16:33

探索Vue.js的Composition API：构建更清晰、可维护的组件

Vue.js一直以其简洁和灵活著称，而Vue3的推出标志着这个框架在组件设计思想上的一次重大进步。
liwp_Stephen·2024-01-01 16:02

Vue3.0+TS整合codemirror

1.安装codemirrornpminstallvue-codemirror--save2.版本号"codemirror":"^5.65.2",3.编写组件例：mirrorTextArea.vue（组件名称,具体名称以各自项目规范为准）//引入全局实例import_CodeMirrorfrom"codemirror/lib/codemirror.js";//核心样式import"codemirro
敲飞键盘·2024-01-01 14:03

vue3.0在线编辑器codemirror开发

使用codemirror封装codeEditor.vue组件//引入全局实例import_CodeMirrorfrom'codemirror/lib/codemirror'//核心样式import'codemirror/lib/codemirror.css'//引入主题后还需要在options中指定主题才会生效//需要引入具体的语法高亮库才会有对应的语法高亮效果,目前已动态引入//import'c
|恰同学少年|·2024-01-01 14:03

CodeMirror编辑器使用方式ts+vue3

1.安装插件"@codemirror/view":"^6.9.0","vue-codemirror6":"^1.1.11","codemirror":"^6.0.1",2.vue页面代码2.js代码import{ref,typeRef}from"vue";importCodeMirrorfrom"vue-codemirror6";import{Decoration,typeDecorationSe
weixin_45685394·2024-01-01 14:03

vue3插件：ace-builds封装ace-editor

安装包npminstallace-builds--save-dev//引入ace报错需要安装npminstallvue-loader-v16-D封装文件ace-editor相关文档参考webpack环境必备：import"ace-builds/webpack-resolver";非webpack环境不需要引入import{watch,onMounted,onBeforeUnmount,ref}fr
墨迹斑斑的老墙·2024-01-01 14:32

codemirror封装，可以像textareay进行高度调节

defineComponent,ref,onMounted,onUpdated,watch,nextTick,computed}from'vue'importCodemirrorfrom'codemirror-editor-vue3
米儿web·2024-01-01 14:02

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码
GIS之家家长·2024-01-01 14:01

Vue3 + TS 关于如何将组件进行挂载body 例如：$message / $notify - 戴向天

大家好！我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解关于messgae和notification的组件内容我就不贴出来了。若想要的就直接加群获取吧。使用方式this.$message({message:"这个是$message",});this.$notify({message:"这个是$notify",});效果图fileName:main.tsimport{cre
戴向天·2024-01-01 13:45

Vue3 + TS Scrollbar组件 - 戴向天

大家好！我叫戴向天QQ群：602504799如若有不理解的，可加QQ群进行咨询了解import{computed,defineComponent,getCurrentScope,nextTick,onBeforeUnmount,onMounted,ref,toRaw}from"vue";interfaceIScrollbar{native?:boolean;noResize?:boolean;}/
戴向天·2024-01-01 13:45

Vue2 & Vue3 二次封装element-ui Steps组件

前言组件封装的初尝试，基本是调element-ui，没有什么含金量，附一些对组件封装的概念和理解这里封装element-uiSteps组件，并重写某些css样式代码exportdefault{name:"Process",props:{currentStep:{type:Number,default:0,},stepsArr:{type:Array,default:()=>[],},},};.pr
sayoriqwq·2024-01-01 13:13

vue下载excel以及自适应表格宽度

本文使用SpringBoot+vue+easyExcel实现导出Excel功能，并解决文件中文乱码问题以及Excel宽度自适应的问题。需要先导入pom包。
伍六七AI编程·2024-01-01 12:06

GcExcel:DsExcel 7.0 for Java Crack

DsExcel7.0-高速JavaExcel电子表格API库DocumentSolutionsforExcel（DsExcel，以前称为GcExcel）Java版允许您在Java应用程序中以编程方式创建、编辑、导入和导出
sdk大全·2024-01-01 10:53

gitee上的vue大屏项目

在Gitee上，有几个值得注意的Vue大屏项目：vue-big-screen-plugin(Gitee):这是一个基于Vue3、Typescript、DataV和ECharts5框架的可视化大屏项目。
翱翔-蓝天·2024-01-01 10:17
上一页 101 102 103 104 105 106 107 108 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他