vue
摸咸鱼
这个作者很懒,什么都没留下…
展开
-
el-upload中on-change在上传多个文件多次调用解决方法
最近在做项目的过程中,有一个场景需要使用el-upload在用户选择完图片之后立即执行上传操作。这个上传用的是本地的方法不是用el的自动上传监听用户选择文件的事件只有一个on-change,具体见文档说明:由于开启了文件可多选multiple,发现用户从本地选择了n个文件的话on-change就会执行n次。因此图片上传请求也就执行了n次。el-upload部分代码解决将请求放到任务队列的最后面,先确定上传了几个文件,再执行请求看代码可知,在this中设置了一个控制上传的长度maxFileL原创 2020-11-05 17:18:18 · 9322 阅读 · 2 评论 -
v-slot和slot、slot-scope之间相互替换
如果组件文档里面用的是v-slot,而你用的是vue2.6之前的版本,则需要替换v-slot:所以有两种替换方式,注意看两块v-slot有啥不同,你就知道你该怎么用slot-scope和slot来替换文档中的v-slot了v-slot使用方式1:<template v-slot:operate="{ row }"><template>则可替换为:<template slot="operate" slot-scope="{ row }"></template原创 2020-05-28 15:26:11 · 1541 阅读 · 0 评论 -
VUE activated,deactivated使用
VUE activated,deactivated使用项目中keepalive用得不多,记录一下以免遗忘。页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。当再次进入(前进或者后退)时,只触发activated。事件挂载的方法等,只执行一次的放在 mounted 中;组件每次进去执行的方法放在 activated 中, activated 中的不管是否需要缓存多会执行。所以当页面设置了keepalive的时候,要想原创 2020-05-13 17:40:25 · 3615 阅读 · 0 评论