• Vue看了就会的8个小技巧
• 1. 始终在 `v-for` 中使用 `:key`在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测是很有必要的。这样Vue就可以跟踪组件状态，并对不同的元素有一个常量引用。在使用动画或Vue转换时，如果没有key ，Vue只会尝试使DOM尽可能高效。这或许会导致v-f...
• 日期：2022-10-09
• 浏览：16
• 标签： Vue

---

• 在vue项目实现一个ctrl+f的搜索功能
• 这次在项目中遇到了一个要做一个搜索功能，因为项目是vue的，而且是在手机端，所以对这个搜索功能的实现和能做到什么样子都没有底，在网上研究了一会，发现大家的解决方法都各有特色，有引入第三方包的，有遍历的，确实都可以实现，但我觉得在vue中这样的方法也太过繁琐了，于是经过一段时间的查询与思索后我自己写了...
• 日期：2023-02-04
• 浏览：251
• 标签： Vue

---

• Vue的全局过滤器和私有过滤器的实现
• Vue允许自定义过滤器 可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式 和 v-bind表达式过滤器应被添加在JavaScript表达式的尾部 由“管道”符指示(管道符就是一个竖杠：|)一、全局过滤器全局过滤器调用时的基本格式：通过管道符[|]来进行过滤 例如{{na...
• 日期：2023-01-25
• 浏览：107
• 标签： Vue

---

---

• 解决Vue @submit 提交后不刷新页面问题
• 我就废话不多说了，大家还是直接看代码吧~<form @submit='add'><!-- 表单 --></form> add: function(e){ // 阻止页面刷新 e.preventDefault(); // 逻辑代码 },补充知识：@sub...
• 日期：2023-01-05
• 浏览：47
• 标签： Vue

---

• vue 导航锚点_点击平滑滚动,导航栏对应变化详解
• 最终效果如下：（注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内）-chrome完成这个功能需要注意：1、点击导航平滑滚动到导航内容处2、div内滚动时当前导航需要做响应代码如下：1、html结构（因为从项目里截取代码，allMenuList数据内容就不贴出来了，不算难点，这个可以根据...
• 日期：2022-12-11
• 浏览：192
• 标签： Vue

---

• vue将文件/图片批量打包下载zip的教程
• vue将文件/图片批量打包下载各种格式都可以,只要url能够打开或者下载文件即可.1.通过文件的url,使用js的XMLHttpRequest获取blob2.将blob压缩为zip由于异步并行加载文件,速度还是蛮快的,我141个4M多的图片,1分左右加载完成,49个4M的图片4秒添加依赖//npm ...
• 日期：2022-11-15
• 浏览：196
• 标签： Vue

---

• vue-video-player视频播放器使用配置详解
• 本文实例为大家分享了vue-video-player视频播放器的使用配置，供大家参考，具体内容如下1、安装npm install vue-video-player -save2、在main.js中添加import VueVideoPlayer from ’vue-video-player’ // 视...
• 日期：2022-11-13
• 浏览：260
• 标签： Vue

---

• Vue+ssh框架实现在线聊天
• 本文实例为大家分享了Vue+ssh框架实现在线聊天的具体代码，供大家参考，具体内容如下效果图核心部分websocket编程向后台发送消息<template><el-container> <el-header > </el-header> <...
• 日期：2022-09-28
• 浏览：236
• 标签： Vue

---

• 浅谈Vue 自动化部署打包上线
• 应用场景项目打包后发布到正式环境，需要后端配合或者前端自己上传到服务器上，操作不便且容易产生问题，比如后台不在的情况而前台没有服务器的信息，这时发布就被延；或者前端自己上传容易导致误操作，如果上传错地方没正确上传都可能导致线上直接崩掉，而这对于已发布的产品而言是致命的。因此，有必要实现自动化部署代码...
• 日期：2023-01-13
• 浏览：150
• 标签： Vue

---

• vue中v-for循环选中点击的元素并对该元素添加样式操作
• 相信大家都会遇到这种情况：v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变；但是往往所有v-for循环出的元素都会变化。如下面的代码：我需要点击到的元素添加一个类样式，其他元素不变，但是这样会导致所有的元素都会变化html：<div v-for = '(item,index)...
• 日期：2023-01-06
• 浏览：48
• 标签： Vue

---