• 在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+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

---

• 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数组响应式操作及高阶函数使用代码详解
• 数组的响应式操作//this.letters.push(’123’);//在末尾添加一个元素//this.letters.pop();//从末尾删除一个元素//this.letters.unshift(’111’);//在开端添加一个元素//this.letters.shift();//从开端删除一...
• 日期：2022-12-20
• 浏览：297
• 标签： Vue

---

---

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

---