草庐IT

vue3-admin

全部标签

Vue2 + element ui el-select 远程搜索分页懒加载功能实现

新建指令:    1、在src目录下新建文件夹 directive/loadmore        2、在loadmore文价夹下新建 elSelectLoadmore.js和index.js 文件:           elSelectLoadmore.jsexportdefault{inserted(el,binding,vnode){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown.el-select-dropdown__wrap');SELECTWRAP_DOM.addEventListener('scroll',fun

解决vue报错internal/modules/cjs/loader.js:883 throw err;

问题: 解决方法:第一种:删除项目的node_modules文件夹,重新执行npminpmrundev 第二种降低webpack版本npmuninstallxxxxx卸载npminstallxxxxxxxx安装npmrundev当以上两种还不行就得检查node.js的环境了本人是使用nuxt.js时构建项目运行就是报这个错,原因就是node.js版本过低而导致报错的

条件<路由器 - 链接>在vue.js中取决于道具值?

希望这是一个相当简单的问题/答案,但是我在文档中找不到太多信息。有没有办法启用或禁用由取决于道具是否通过?{{title}}{{description}}如果没有id传递给此组件,我想禁用任何要生成的链接。有没有办法做到这一点,而不将内容加倍v-if?谢谢!看答案我有时会做这样的事情:...computed:{computedValue(){if(this.hasSubLinks)return'something';if(this.day==='Friday')return'tgif';return'its-fine';},},但是我基本上总是包裹路由器链接,因此您可以在呈现链接之前先对残疾状

【vue3】前端上传图片的格式大小限制和压缩

目录前言对上传图片进行格式大小限制压缩上传图片前言上篇文章中研究了如何使用双token机制,在此篇中就暴露了一些问题:当accesstoken过期后,直到拿到最终想要得到的数据,期间需要经历三次请求——第一次请求,拿到accesstoken过期的消息——第二次携带refreshtoken发起请求,刷新了accesstoken——第三次携带新的accesstoken发起请求,拿到数据。在这个过程中会出现如下报错: 无法加载响应数据:Nodatafoundforresourcewithgivenidentifier.在测试了一系列的请求之后,发现问题可能是该次请求携带的请求信息过大。因为我们出现问

【vue框架】 vue-cli从0开始搭建移动端vue项目框架(vscode版本)

一.使用vue-cli搭建项目安装vue/cli1.安装vue/cli,执行下面的命令安装或是升级npmi-g@vue/cli安装vue/cli报错解决方案​如果安装报错如下npmWARNrollbackRollingbacknode-notifier@10.0.1failed(thisisprobablyharmless):EPERM:operationnotpermitted,rmdir'D:\Devlop\nodejs\node_global\node_modules\@vue\cli'npmERR!codeEEXISTnpmERR!pathD:\Devlop\nodejs\node_g

antdesign+vue+ts自定义上传文件customRequest,显示进度条onProgress,axios请求中断axios.CancelToken。

ant自定义上传文件customRequestcustomRequest里面有一个data参数,data包含了对file文件上传状态的操作:例如:onSuccess、onProgress、onError等和file文件。改变文件上传状态:可以通过改变fileList里面file的status和respones。踩坑:1、在customRequest文件上传完成以后,会自动重新更新一下fileList文件。上传之前挂载在file文件上的参数会丢失。解决:必要参数创建一个新的list存放参数。通过文件uid关联2、删除文件,@remove默认会删除文件解决:需要自定义删除fileList的时候,需

vue 传参iframe

vue3正确通信方式一、内嵌iframe既然两个项目中有共通的内容就少不了互相通信。核心的两个方法是传值:postMessage()和接收值:addEventListener()。template>iframeid="iframe"@load="sendMessage"src="http://localhost:8080"width="100%"height="100%"frameborder="0">/iframe>/template>vue项目iframe相互传值这个项目是vue3二、iframe传参scriptlang="ts"setup>import{ref,onMounted,onU

基于Java+Vue+uniapp微信小程序电子竞技信息交流平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着科技的进步,微信小程序慢慢进入

VUE 实现 3D词云 旋转词云效果

 效果视频:3D词云 废话不说直接上代码:{{item.name}}exportdefault{name:"word-cloud",data(){return{timer:50,//球体转动速率radius:0,//词云球体面积大小dtr:Math.PI/180,//鼠标滑过球体转动速度active:false,//默认加载是否开启转动lasta:0.2,//上下转动lastb:0.5,//左右转动distr:true,tspeed:0,//鼠标移动上去时球体转动mouseX:0,mouseY:0,tagAttrList:[],tagContent:null,cloudContent:null