草庐IT

vue-elementul

全部标签

【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

Windows系统下如何使用nginx部署vue2项目

前言:今天产品经理过来找我,问我有没有什么办法能够让前端做的项目给他看,他要测试一下看看我们开发的需求有没有对齐。然后我就说:可以,有几种办法:直接访问我本地idea启动的服务,但是这样我每次改代码保存页面就会刷新,这样显然不行,不稳定。产品经理直接把仓库代码拉下来自己在本地运行代码,额,这虽然解决了上面这个问题,但是问题又来了,产品经理他不懂前端,你又要帮他在他的电脑上准备好前端的开发环境,显然很麻烦。前端把项目打包部署到测试环境,这是很好的办法,但是我们没有测试环境的机器,那这咋整🤣🤣🤣想了许久,感觉产品经理都要怀疑我的能力了,最后灵机一动,咦!好像nginx也有windows版本的,我可

vue2.x中的provide和inject用法

一、Vue中常见的组件通信方式可分为三类父子通信父向子传递数据是通过props,子向父是通过events($emit);通过父链/子链也可以通信($parent/$children);ref也可以访问组件实例;provide/inject;$attrs/$listeners;兄弟通信BusVuex跨级通信Bus;Vuex;provide/inject、$attrs/$listeners、二、provide、inject1、类型provide:Object|()=>Objectinject:Arraystring>|{[key:string]:string|Symbol|Object}2、详细p

Vue中两种生成二维码(带logo)并下载方式

1.现在需要在页面中生成一个二维码,并附带上公司的logo        生成的二维码需要显示logo,并且点击可以二维码可以下载保存,有两种方案供选择(vue-qr、qrcode) 2.vue-qr库使用(方案一)npmivue-qr@4.0.9我的nodejs版本12.13.0,大家可以使用cnpm下载更好。html代码:JS代码:importVueQrfrom'vue-qr'exportdefault{name:'QR',components:{VueQr},data(){return{codeText:'https://blog.csdn.net/yuansusu_?spm=1000.

用chatGPT高效学习-Vue的组件通信方式有哪些?

Vue的组件通信方式有以下几种:父子组件通信:父组件通过props向子组件传递数据,子组件通过$emit触发事件向父组件传递数据。子父组件通信:子组件通过$emit触发事件向父组件传递数据,父组件通过v-on监听子组件事件并处理数据。兄弟组件通信:可以通过一个共同的父组件作为中介,将数据通过props和事件分别传递给两个兄弟组件。跨级组件通信:可以通过provide和inject来实现跨级组件通信,父组件通过provide提供数据,子孙组件通过inject注入数据。事件总线:可以通过创建一个空的Vue实例作为事件总线,用于在任意组件之间传递事件和数据。Vuex:Vuex是Vue的状态管理库,可