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

---

• vue 动态给每个页面添加title、关键词和描述的方法
• 前言：直接写html加title和关键词想必大家都知道怎么去加，但用vue框架开发的项目我们怎么去动态的给每个页面添加呢 ↓先在router.js里面配置我们的title、关键词和描述{path: ’/train’,name: ’Train’,component: () => import(’...
• 日期：2022-12-03
• 浏览：309
• 标签： Vue

---

• vue 项目@change多个参数传值多个事件的操作
• 首先是只有一个change事件changelevel()//选择值若想改变select同时改变row里的值多个事件用；分割开来此时发现changelevel()不执行那么加上（）呢changelevel(val){ console.log(val) => //undefined}表示未传参数...
• 日期：2022-10-07
• 浏览：81
• 标签： Vue

---

• 浅析Vue 中的 render 函数
• render函数是什么简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js语言来构建DOM因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM，vue就免去了转译的过程。当使用render函数描述虚拟...
• 日期：2023-02-05
• 浏览：169
• 标签： Vue

---

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

---

• vue proxy 的优势与使用场景实现
• 1.前言随着 vue3.x 的消息越来越多， proxy 的讨论也。相对于 Object.defineProperty ， proxy 有什么区别，有什么优势，以及可以应用在什么地方。该文章就简单的介绍下2.Object.defineProperty讲 proxy 之前，先回顾下 Object.de...
• 日期：2023-01-13
• 浏览：138
• 标签： Vue

---

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

---

• Vue点击切换Class变化,实现Active当前样式操作
• 刚入门Vue没多久，在制作过程中遇到很多简单实用的小技巧。没有太多的墨水，直接上代码：一、先在data里增加一个变量，用来储存当前点击的元素data() { return { activeClass: -1, // 0为默认选择第一个，-1为不选择 }; },二、在Template里面的代码...
• 日期：2023-01-06
• 浏览：97
• 标签： Vue

---

• 解决vue的touchStart事件及click事件冲突问题
• 一 、问题：今天遇到这样问题，给某个元素同时绑定touchStart及click事件后，若在移动设备上，当你点击时，会依次出发这两个事件。因为移动端设备上的click事件触发是会延迟300ms，所以touchStart事件会先触发后再触发click事件。这样导致每次都要执行两次，这样毫无意义。这里提...
• 日期：2023-01-01
• 浏览：211
• 标签： Vue

---

• vue 实现锚点功能操作
• 最近遇到一个需求，进入页面，滚动到锚点位置。如何实现？在router文件下的index.js中配置：1.配置2.路由跳转3.设置锚点最后，我遇到了一个问题，你npm run build 生成项目后测试，第一次进入成功，然后在页面中操作一波，刷新，网页打开失败，显示找不到资源。（不知别人有没有遇到过）...
• 日期：2022-12-11
• 浏览：215
• 标签： Vue

---