草庐IT

element_at

全部标签

基于vue+element-ui实现上传进度条

目录基于el-upload组件实现进度条的编写后台进度前台进度条显示基于el-upload组件实现进度条的编写①编写文件上传时的钩子函数uploadProgress(event,file,fileList){let_self=this;if(event.lengthComputable){letval=(event.loaded/event.total*100).toFixed(0);varprogress=parseInt(val);_self.percentage=progress;}},②监听进度百分比后台进度前台进度条显示参考文章:后台进度前台显示进度条_weixin_30646505

flutter报 Looking up a deactivated widget‘s ancestor is unsafe. At this point the state of the... ...

flutter有些情况下调用context中属性或方法时报错如下:[ERROR:flutter/lib/ui/ui_dart_state.cc(157)]UnhandledException:Lookingupadeactivatedwidget'sancestorisunsafe.  Atthispointthestateofthewidget'selementtreeisnolongerstable.  Tosafelyrefertoawidget'sancestorinitsdispose()method,saveareferencetotheancestorbycallingdepen

在element UI的下拉多选框里如何实现禁用默认值和不可删除默认值

 移动到默认值上会变成禁用的图标,点击没有反应。在做到默认值不能删除这部分时,我看大部分都是在main,js里定义一个自定义指令,我没有用自定义指令,可以说我的方法非常原始?就是笨办法吧,下面是我的解决方法。1、首先,肯定要在data里定义一个数组,专门存放默认值,clone_material_ids:[],2、在请求成功后把返回的值克隆,也就是给到这个数组this.clone_material_ids=this.summaryForm.material_ids3、这是我的页面布局代码,我在这里加了 @remove-tag="removeTag"实现默认值不可删除:disabled="isDi

vue库element-ui checkbox使用方式

用了这么久的element-ui库,一直没有做小结,借此机会慢慢深入。今天这里主要讲述一下el-checkbox群的使用方式。借element-ui官方checkbox中的demo:indeterminate状态全选{{city}}constcityOptions=['上海','北京','广州','深圳'];exportdefault{data(){return{checkAll:false,checkedCities:['上海','北京'],cities:cityOptions,isIndeterminate:true};},methods:{handleCheckAllChange(val

ios - SpriteKit : sprite looks blurry (with ghosting) at high velocity but fine at low velocity

在SpriteKit中使用高速(线性或角度)时,Sprite看起来很模糊,好像有“幽灵”尾随Sprite。Sprite在低速时看起来很好。下面是一个屏幕截图和GIF,说明了高线速度的模糊/重影问题,但该问题也出现在angularVelocity属性上。Ball代码(使用下面的SKScene重现模糊):letradius=CGFloat(8)letbody=SKPhysicsBody(circleOfRadius:radius)body.isDynamic=truebody.affectedByGravity=falsebody.allowsRotation=truebody.frict

npm下载慢、淘宝镜像源无效问题:npm ERR! code FETCH_ERRO、Rinvalid json response body at https://registry.npmjs.org

目录一、遇到问题二、出现问题的原因三、解决步骤(一)查看npm源 (二)下载淘宝源(三)切换成淘宝源(四)查看源是否切换成功四、备用步骤(手动配置淘宝源)一、遇到问题 在使用npm命令的下载其他东西时候,很慢,卡很久。而且下载的淘宝源也没有生效关键词: npminstallwebpack-gnpmERR!codeFETCH_ERRORnpmERR!errnoFETCH_ERRORnpmERR!invalidjsonresponsebodyathttps://registry.npmjs.org/@types%2festreereason:Invalidresponsebodywhiletryi

ios - 设置 Root View 时的 "Application windows are expected to have a root view controller at the end of application launch"消息

这个问题在这里已经有了答案:Applicationsareexpectedtohavearootviewcontrollerattheendofapplicationlaunch(50个答案)关闭9年前。我的AppDelegate文件中有以下代码:-(BOOL)application:(UIApplication*)applicationdidFinishLaunchingWithOptions:(NSDictionary*)launchOptions{MBFeedViewController*feedViewController=[[MBFeedViewControlleralloc

Element X:用 Matrix 2.0 协议打造去中心化 WhatsApp 杀手

Matrix是一种开源的去中心化通信协议。你可以将其集成到你的服务中,自行托管Matrix服务器,或从选定的托管提供商处购买服务器。而且,要开始与其通信,你可以使用这几个 最佳Matrix客户端 之一。Matrix协议非常适合隐私和安全,并被政府、组织和个人采用。然而,它尚未成功取代WhatsApp、Telegram或iMessage等中心化消息应用的流行度。为了解决这个问题,Matrix.org 宣布了下一代协议,即 Matrix2.0。🚧Matix2.0xElementX:正在进行中Matrix2.0旨在关注可用性和性能。根据官方公告,可能的功能包括:滑动同步(即时登录/同步)原生Open

element ui视频上传(已上线,拿去即用)

elementui视频上传+进度条实现(拿去即用)1.template部分2.script部分3.scss部分1.template部分视频设置-->说明:视频格式为mp4格式,每个视频大小不超过300m考虑到有些小伙伴不一定需要进度条,所以顺便说下怎么把它干掉,代码如下:对应的变量和方案也干掉就是了:on-progress="uploadVideoProcess"2.script部分在我的实际业务中,this.rightData是父级组件传过来的值,大家用的时候记得去掉,替换成自己的就成data(){return{imageUrl:this.rightData.imageUrl,//视频上传u

element-plus 自定义主题色配置实例

按需自定义主题色配置Elbutton安装完后,修改vite.config.js文件vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//第一种方法:使用unplugin-vue-components//importAutoImportfrom'unplugin-auto-import/vite'//importComponentsfrom'unplugin-vue-components/vite'//import{ElementPlusResolver}from'unplugin-vue-c