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

---

• vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
• 最近开发vue项目，遇到的一些问题，这里整合一下，看到一些博客已经有写相关知识，然后自己再次记录一下。这是关于vue路由相关比较常见的问题，以后遇到相关路由的问题，会不断更新这篇博客。需求1：从填写表单A页面跳转到B页面，然后再从B页面返回到A页面，实现A页面的所填的数据保留一.设置路由缓存：1.A...
• 日期：2022-12-14
• 浏览：300
• 标签： Vue

---

• Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
• 今天我们使用本地缓存localStorage来实现页面刷新了，验证码倒计时还是和刷新时一样，而不是清零，其次我们可以使用localStorage去实现用户信息缓存，记住密码等等关于缓存的功能，在这里就简单演示一下验证码功能。一、功能实现话不多说，直接上代码<template><bu...
• 日期：2022-11-29
• 浏览：276
• 标签： Vue

---

---

• vue使用动态组件实现TAB切换效果
• 问题描述tab切换的场景在开发中会经常用到。当需要实现这种效果的时候，我们常常会想到下面的方式去实现这个效果。 方式一 使用display:none;去控制dom元素的显示与隐藏。从而实现，两个tab的显示与隐藏。不过如果有三四个tab要切换的话，这种方式就不可取了。 方式二 使用vue...
• 日期：2022-09-30
• 浏览：16
• 标签： Vue

---

• vue3中的ref()详解
• ref对象可以通过.value属性进行修改，修改后的值也是响应式的，并且修改后会触发相关的副作用，这篇文章主要介绍了vue3中的ref(),需要的朋友可以参考下
• 日期：2022-06-10
• 浏览：336
• 标签： JavaScript

---

• vue+js实现视频淡入淡出效果
• vue+js实现视频的淡入淡出，供大家参考，具体内容如下一个简单的视频淡入淡出效果如图小编直接上代码了有兴趣可以拷贝运行一下，谢谢<template> <div class='video-css'> <div class='videocss' ref='vide...
• 日期：2023-02-15
• 浏览：145
• 标签： Vue

---

---

• vue项目中自定义video视频控制条的实现代码
• 最近公司项目中，添加了视频模块，但是产品觉得Video自带的控制条有点LOW，于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。首页效果图：需求描述：当鼠标放在图片上的时候，自动播放视频，并显示预览进度条，当鼠标移开，显示预览图片，再次hover图片，继续上次播放视频详情页的效果图： ...
• 日期：2023-01-24
• 浏览：218
• 标签： Vue

---

• Vue 基于 vuedraggable 实现选中、拖拽、排序效果
• 今天有个朋友说要做个效果：Vue实现拖拽排序，要有 checked，输出结果是排序后的，要全选，未选中的不能拖动。其实我之前基于 Sortable 做过一个类似的效果。也给他看过了，没看太明白，他就自己基于 vuedraggable 实现了一下。正好有点问题给他解决了一下。废话不多说，先上最终效果：...
• 日期：2023-01-20
• 浏览：64
• 标签： Vue

---

• 在vue中对数组值变化的监听与重新响应渲染操作
• 在我们项目开发过程中，实例中的数据类型可以是对象、数组等。在对象中，某个属性值发生更改时，我们可以通过对象的深度监听，以达到重新渲染页面的需求。或者查阅这篇文章例如：<script> export default { data(){ return { objVal: { name: ’...
• 日期：2023-01-06
• 浏览：60
• 标签： Vue

---

• vue-router为激活的路由设置样式操作
• 1.首先先写好类名2.在router里的js文件中添加 linkActiveClass:’active’补充知识：记录vue遇到问题，子页面没有router-link对应导航栏激活样式如下所示：li><router-link to='/basicSearch' :class='{’lin...
• 日期：2023-01-05
• 浏览：62
• 标签： Vue

---