vueslice 第4页
- Vue2个常用自定义指令:非本元素点击事件指令、事件倒计时指令
-
点击右上方红色按钮关注“web秀”,让你真正秀起来前言前面有专门的文字,讲过Vue指令,以及如何使用指令,今天就来讲讲如何添加全局指令,并且附上2个非常适用的例子。《Vue如何创建自定义指令?》如何添加全局指令?在上面文章中,提到过一种方法,在main.js(入口JS文件)中引入你已经写好的指令文件...
- Vue实现大文件分片上传,包括断点续传以及上传进度条
-
首先解释一下什么是分片上传分片上传就是把一个大的文件分成若干块,一块一块的传输。这样做的好处可以减少重新上传的开销。比如:如果我们上传的文件是一个很大的文件,那么上传的时间应该会比较久,再加上网络不稳定各种因素的影响,很容易导致传输中断,用户除了重新上传文件外没有其他的办法,但是我们可以使用分片上传...
- 这些Vue知识点,解决你的卡点
-
作者:子君转发链接:https://mp.weixin.qq.com/s/ht592m07fQSu9VbDCZc0tg前言阵阵键盘声,隐隐测试言。产品不稳定,今夜无人还。在开发Vue的过程中,我们经常会遇到一些这样那样的问题,然后要卡好半天,等问题解决了才发现原来一些细节知识点还是没有掌握好。今天小...
- Vue入门005- 插件
-
Student.vue<template><div><h2>学生姓名:{{name}}</h2><h2>学生性别:{{sex}}</h2><inputtype="text"v-fb...
- Vue中数组操作方法有哪些?
-
在Vue中,有一些数组操作方法是专门为了处理响应式数组而提供的。这些方法会触发Vue的响应式更新机制,确保视图能够正确地响应数组的变化。以下是Vue提供的数组操作方法:1:push():向数组末尾添加一个或多个元素,并返回新的长度。this.array.push('newite...
- Vue自定义Hook示例:useUrlState
-
简介本文将介绍如何基于vue3自定义一个hooks,参考Reactahooks库的useUrlState,实现同步URL参数的功能。这个hook能有效的解决页面刷新,数据丢失,表格查询参数被重置的问题,保证页面状态的持久性,提高页面的用户体验。官方示例下面是vue官网自定义hook的教程地址。示例...
- Vue+Element UI实现断点续传、分片上传、秒传
-
作者:Pseudo转发链接:https://segmentfault.com/a/1190000023434864凡是要知其然知其所以然文件上传相信很多朋友都有遇到过,那或许你也遇到过当上传大文件时,上传时间较长,且经常失败的困扰,并且失败后,又得重新上传很是烦人。那我们先了解下失败的原因吧!前面...
- vue3-深入组件-组件 v-model
-
组件v-modelv-model可以在组件上使用以实现双向绑定从Vue3.4开始,推荐的实现方式是使用defineModel()宏:<!--Child.vue--><scriptsetup>constmodel=defineModel()f...
- Vue短文:如何使用v-for反转数组的顺序?
-
转载说明:原创不易,未经授权,谢绝任何形式的转载有时候,我们想要使用Vue.js中的v-for来反转数组的顺序。在本文中,我们将介绍如何使用Vue.js中的v-for来反转数组的顺序。使用Vue.js中的v-for反转数组的顺序我们可以使用Vue.js中的v-for来反转数组的顺序,通过使用sli...
- vue 做大文件切片上传
-
#"Vue实现大文件切片上传:轻松处理大型文件上传难题"##引言在现代Web应用中,尤其是涉及大量数据交换的场景下,如云存储、视频分享等,大文件上传成为了开发者经常面临的技术挑战。Vue.js作为一款渐进式JavaScript框架,其强大的灵活性和丰富的生态为我们解决此类问题提供...