vue3导出excel

前后端项目开发笔记-环境搭建（一）

renren-security下载代码1、项目说明renren-security是一个轻量级的，前后端分离的Java快速开发平台，能快速开发项目并交付【接私活利器】采用SpringBoot、Shiro、MyBatis-Plus、Vue3
有语忆语·2023-12-14 19:33

vite+vue3+ts+tsx+ant-design-vue项目框架搭建

参与公司项目开发一段时间了，项目用到了很多新的技术（vite,vue3,ts等等），但是框架都是别人搭好的，然后就想说如果是自己的话，会从零搭建一个吗，于是就有了这篇文章。
Helen_fight·2023-12-14 19:58

vue开发 安装一些工具

下载node.js环境nodeJs官网命令行输入node-v和npm-v出现版本号代表nodejs安装成功选择安装pnpmnpminstall-gpnpmpnpm-v出现版本号即成功安装安装scssvue3
归途醉染·2023-12-14 18:51

【vue3】处理数组方法，在数组中获取指定条件所在的数组对象等持续更新笔记~~

1、在数组中获取指定条件所在的数组对象（1）filter方法获取到的是包含指定项的数组data.checkRow=res.result.filter(item=>item.checked===1);打印：（2）map方法取到的是包含指定项的数组，如果满足条件，则返回该对象；否则，返回undefineddata.checkRow=res.result.map(item=>{if(item.check
办公室的忍者·2023-12-14 17:16

【nuxt3】cannot read preperties of null (reading ‘$nuxt‘)

问题描述vue3中，通过createVNode创建子组件实例时，发现子组件无法获取到父组件中的router、store信息，一旦子组件使用就会报错。
Robbie丨Yang·2023-12-14 17:46

vue3 中，父子组件如何通信

子组件component-acomponent-a暴漏方法，供外部调用constemits=defineEmits(['close'])functionnotify(){console.log('click')}functiononClose(){emits('close')}defineExpose({notify//暴漏的方法})子组件对外暴露了notify事件，供父组件调用子组件触发了clo
Robbie丨Yang·2023-12-14 16:49

vue3：websocket的封装与使用

前言：vue3+pinia项目1.引入wsyarnaddws2.新建websocket.js类letwebSock=null;letglobal_callback=null;letisConnect=false
日渐消瘦 - 来自一个高龄程序员的心声·2023-12-14 16:02

vue3学习与实践：遇到给组件设置ref属性获取不到实例的问题

1.问题描述当几个组件需要根据状态值判断是否展示时，我们通常会用到v-if、v-else-if、v-else来设置展示与隐藏，同时我们需要获取这些组件的实例，会使用到ref属性来赋值，但最终只有首次为显示状态的组件才有实例返回、其余不管是隐藏还是后面根据状态值变更的显示始终拿不到实例（打印为null）；2.个人解决方式调整v-if、v-else-if、v-else属性，改为v-show来控制显隐都
日渐消瘦 - 来自一个高龄程序员的心声·2023-12-14 16:02

记：vite3+vue3+axios前端项目跨域问题解决【前端和服务器nginx配置】

1.前端涉及处理跨域的必要配置（开发环境、生产环境）：vite3、vue3、axios2.服务器涉及处理跨域的配置（生产环境）：nginx【主要用到其配置文件nginx.conf】3.配置开发环境【跟目录下分别创建
日渐消瘦 - 来自一个高龄程序员的心声·2023-12-14 15:19

eslint正确的安装步骤

Vue3跟Vite正式版发布有很长一段时间了，生态圈也渐渐丰富起来，作者已在多个项目中使用，总结一下：就是快！也不用担心稳定性问题，开发体验真不是一般好！
weixin_46787337·2023-12-14 15:37

Flask+vue+axios完成导出Excel表格的功能

前段部分：1.分装api：在src/api/volunteer.js文件内注意：一定要加上"responseType:'blob'"否则打开文件后是乱码或者根本打不开文件importrequestfrom"@/utils/request";//导出exportfunctionimportVolunteer(data){returnrequest({method:'post',url:'/volun
skyTree,,·2023-12-14 15:58

vue3+ts+vite+element plus 实现table勾选、点击单行都能实现多选

需求：table的多选栏太小，点击的时候要瞄着点，不然选不上，要求实现点击单行实现勾选constweightList=ref([])consthandleSelectionChange=(val:any)=>{weightList.value=valconsole.log(weightList)}consthandleRowChick=(row)=>{constselected=weightLis
渣渣灰飞·2023-12-14 14:47

Vue3&el-upload 实现在组建之外提供一个上传按钮

有这么一个需求，在使用el-upload组件进行文件上传的时候，除了组件默认提供的上传按钮，还要在列表的最前面自定义的加一个上传按钮，点击这个自定义的上传按钮要实现和点击默认的上传按钮同样的全套的上传流程默认的：我要的效果:也就是除了默认的上传还有一个自己定义的上传按钮。实现的话也很简单：首先加一个和之前点击的入口，注意是在el-upload标签外定义的上传本地文件然后代码实现模拟点击...con
亲爱的非洲野猪·2023-12-14 14:27

Vue3: 给表格多个字段添加排序功能

问题在Vue3项目中，使用element-plus的表格组件绘制表格后，需要令表格的多个字段可以进行选择排序（选择升序或者降序）但是排序功能好像有时候会出错，需要排序的字段多了之后，排序功能有时候会不起作用解决给表格设置
十八只兔·2023-12-14 14:06

Vue3：修改下拉框el-select的样式

问题在Vue3项目中，使用了elemen-plus的下拉框，但是使用深度修改下拉框的样式（比如下拉框的背景颜色）一直不生效解决给下拉框框添加popper-class属性，属性名根据需求取，比如这里取的是
十八只兔·2023-12-14 14:06

Vue3：表格单元格内容由：图标+具体内容 构成

一、背景在Vue3项目中，想让单元格的内容是由：图标+具体内容组成的，类似以下效果：二、图标Element-Plus可以在Element-Plus里面找是否有符合需求的图标iconfont如果Element-Plus
十八只兔·2023-12-14 14:56

Vue3页面如何设置rem单位的依据“根font-size”的两种方式

最近在对项目做整体的自适应。我们可以通过设置meta的viewport属性设置屏幕的缩放，但有时候，屏幕缩放了但字体大小也需要做相应的调整才能达到更好的自适应效果。我们很容易想到使用媒体查询+rem来实现字体的自适应。rem单位：“rem”是“rootem”的缩写，表示相对于根元素（html元素）的字体大小。如果根元素的字体大小为16px，1rem就相当于16px。如果根元素字体大小更改，那么所有
STATICHIT静砸·2023-12-14 13:56

vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置

1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2
忧郁的蛋~·2023-12-14 12:56

vue3 打包文件名固定 加版本后缀

vue打包之后文件名类型于“chunk-vendors.12492877.js”这样这种情况下，上线的时候除非把原来的文件都删除掉，否则文件会一直增加，这样会增大存储压力，将文件名固定就不会出现这种问题，将文件命名改为chunk-vendors.js?v=12492877将完美解决。//constCompressionPlugin=require('compression-webpack-plug
梦翼横空·2023-12-07 00:49

uni-app中vue3表单校验失败

目录1.问题2.原因及解决方式3.表单校验方式（vue3）1.问题在app中使用uni-forms表单，并添加校验规则，问题是即使输入内容，表单校验依然失败。
linab112·2023-12-07 00:57

登录界面滑动验证码设计

该滑动验证码需要引用三方包vue3-slide-verify1、首先npminstallvue3-slide-verify，安装成功后即可开始代码编写直接把该模块封装成一个组件，这样使的代码更容易维护不多说直接上代码
二九筒·2023-12-07 00:50

技术博客：Vue中各种混淆用法汇总

技术博客：Vue中各种混淆用法汇总摘要本文主要介绍了在Vue中使用的一些常见混淆用法，包括newVue()、exportdefault{}、createApp()、Vue.component、Vue3注册全局组件
技术博主狂热者·2023-12-06 22:45

Cannot read properties of undefined (reading ‘install‘)

虚晃一枪—>原因主要就是我们在下载vue-router的时候默认下载的是最新版的（以4开头）,但是这个版本它是给vue3准备的，所以我们要卸载router，然后限制他的版本。
Mark刘·2023-12-06 21:57

Vue3为什么会推出组合式API

前言大学前端入门学的vue2，工作了又用的React，现在想学习一下Vue3，开篇就介绍了组合式API，这和我认知里的vue2的选项式API区别还是蛮大的。本篇文章简单介绍一下组合式API。
heiyay·2023-12-06 21:15

Vue3基础之v-if条件与 v-for循环

条件渲染v-if、v-else-if、v-else基本使用v-if指令用于根据表达式的真假来条件性地渲染元素，而v-else-if和v-else则用于添加额外的条件分支。TypeATypeBTypeCimport{ref}from'vue';consttype=ref('B');注意：v-else元素必须跟在一个v-if或者v-else-if元素后面，v-else-if的元素必须紧跟在一个v-if
heiyay·2023-12-06 21:15

耗时三年开源的H5商城，强烈推荐

从项目初期到现在，一个人持续迭代，修复漏洞，添加功能，经历了前端开发工具从vue2、vue-cli切换到vue3、vite的转变，也经历了后端技术框架从SpringBoot2到SpringBoot3的变迁
waynaqua·2023-12-06 21:11

vue3中 :visible.sync 和slot报错

1.:visible.sync:visible指的是属性绑定，表示弹框的显示隐藏。当:visible的值为ture的时候，弹框显示，当为false的时候，弹框隐藏:visible.sync指的就是同步动态双向的来表示visible的值，当我们关闭窗口的时候，这个弹框隐藏了，visible的值发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定的原则，在v
要加油哦～·2023-12-06 20:45

vue3组件/指令发布npm流程

1.新建一个vue3+ts+vite项目npmcreatevite@latest项目名----templatevue-ts2.安装新项目的依赖，进入新项目把App.vue的无关内容可以清空，无关的图标样式也删除
King_960725·2023-12-06 19:02

vue3项目打包发布到apache服务器的流程

vue3项目打包发布到apache服务器的流程（不包含开机自启动apache）1.下载部署apache服务器打开apache官网https://www.apachelounge.com/download
King_960725·2023-12-06 18:58

Vue3 微信登录

Vue3微信登录在做登录前需要去微信开发平台申请认证，然后拿到APPID，并且设置回调地址一、引用微信jsdk二、登录页面get_wx_qrcode(){//从微信的开发文档不难看出回调域名需要经过encodeURIComponent
Frontend-Arway·2023-12-06 18:15

Vue3 QQ登录

Vue3QQ登录开发前需要去QQ互联平台申请认证，创建应用拿到对应的APPID、APPKey一、引用QQjsdk1、可直接引用QQjsdk//绑定对应的APPID跟页面回调地址2、下载QQjsdk页面新建个
Frontend-Arway·2023-12-06 18:15

vue3 print ts打印组件

依赖安装npminstallvue3-print-ts全局注入import{createApp}from'vue'importAppfrom'.
落叶上的秋·2023-12-06 18:35

vue3流程图组件vue flow使用

1、依赖安装$npmi--save@vue-flow/core#or$yarnadd@vue-flow/core#其他根据需要安装，例如：$npmi--save@vue-flow/additional-components2、局部引入//样式引入import'@vue-flow/core/dist/style.css';import'@vue-flow/core/dist/theme-defaul
落叶上的秋·2023-12-06 18:05

vue3 import报错：has no default export

在vue3项目ts写法报错组件没有默认导出，是因为Vetur-v0.35.0不支持vue3版本，需要下载VueLanguageFeatures(Volar)-v0.29.8importMyHeaderfrom
落叶上的秋·2023-12-06 18:35

解决 IDEA下vue3 + vite @符号无法识别的问题

在项目根目录新建jsconfig.json文件{"compilerOptions":{"baseUrl":"./","paths":{"@/*":["src/*"]}},"exclude":["node_modules","dist"]}
XJF_XH·2023-12-06 17:11

如何开启vue3.0 调试工具vue-devtools

1.去https://github.com/vuejs/vue-devtools官网下载2.注意：安装beta版本image.png3.安装后直接使用，不用作其它配置，直接F12可以看到新版的vue-devtool
李成泽·2023-12-06 17:03

vue3.0 写法 格式

utils/utils.jsimport{reactive,toRefs}from'vue'import{useStore}from'vuex'exportdefaultfunction(){conststore=useStore()constdictionary=reactive({dictionaryMap:{},dictionaryList:[]})constgetDictionary=as
qq_34114535·2023-12-06 14:56

vue3.0 引入国际化

index.jsimport{createI18n}from'vue-i18n'importcachefrom'@/utils/cache'//element-plus国际化文件importelement_zh_cnfrom'element-plus/lib/locale/lang/zh-cn'importelement_enfrom'element-plus/lib/locale/lang/en
qq_34114535·2023-12-06 14:25

request请求封装参考 重复提交 导出excel

若依importaxiosfrom'axios'import{Notification,MessageBox,Message,Loading}from'element-ui'importstorefrom'@/store'import{getToken}from'@/utils/auth'importerrorCodefrom'@/utils/errorCode'import{tansParams
qq_34114535·2023-12-06 14:25

vue3.0 layout 以及路由示例 缓存tabs以及menu

layoutimport{RouterView}from'vue-router'importstorefrom'@/store'importSidebarfrom'@/layout/components/Sidebar/index.vue'importNavbarfrom'@/layout/components/Navbar/index.vue'importTabsfrom'@/layout/co
qq_34114535·2023-12-06 14:25

vue中使用sortablejs实现表格行拖拽排序

在后台管理系统开发的过程中会有遇到使用拖拽进行表格的排序的，如图：首先我们要下载sortablejs：npminstallsortablejs--save在需要使用的页面引入importSortablefrom"sortablejs";以vue3
XujiRe·2023-12-06 14:51

vue3使用MarkDown编辑器并预览以及报错解决办法

halo小伙伴们，上一篇小编有写到微信小程序渲染MarkDown，现在小编带来vue3的web项目渲染MarkDown。
XujiRe·2023-12-06 14:50

vue3 + ts 引入图片时报：找不到模块“xxx”或其相应的类型声明。

问题描述使用vue3+ts引入图片时报错找不到模块“@/assets/images/brandCould.png”或其相应的类型声明。问题解析：因为typescript无法识别非代码资源。
土生土长的IU·2023-12-06 13:49

【JavaWeb】前端工程化（VUE3）

前端工程化（VUE3）文章目录前端工程化（VUE3）一、概述二、ECMA6Script2.1es6的变量和模板字符串2.2es6的解构表达式2.3es6的箭头函数2.4rest和spread2.5es6
比尔高特·2023-12-06 12:05

Vue3常用操作

一、Vue3项目构建1、安装最新版本vuenpmcreatevue@latest2、选择需要的配置3、进入项目cd项目名称4、下载依赖npminstall5、启动项目npmrundev二、sass快速安装
五秒法则·2023-12-06 12:19

vue3与SpringBoot的socket.io连接

vue3与SpringBoot的socket.io连接相关依赖前端Vue3使用[email protected]@2.2.0后端SpringBoot
咏烽丶·2023-12-06 12:41

第3节：Vue3 v-bind指令

实例：点击我import{ref}from'vue';exportdefault{setup(){constisButtonDisabled=ref(false);return{isButtonDisabled,};},};在这个例子中，我们使用v-bind:disabled将isButtonDisabled的值绑定到按钮的disabled属性上。当isButtonDisabled为true时，按
特创数字科技·2023-12-06 12:29

vue3 vue-router 导航守卫 （五）

在Vue3中，导航守卫仍然是一个重要的概念，用于在路由切换时执行一些特定的逻辑。VueRouter提供了多个导航守卫，包括全局守卫、路由独享守卫和组件内守卫。
小钱999·2023-12-06 11:23

vue3快速上手（小白教程）

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的
会java的怪蜀黍·2023-12-06 10:30

vue3 ＜script setup＞ 执行子组件里的方法函数

vue3执行子组件里的方法函数在搞自定义组件开发的时候，遇到的问题，vue2时，子组件里的方法函数，可以直接通过this.
iZaiZaiA·2023-12-06 09:57
上一页 122 123 124 125 126 127 128 129 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他