文章列表

-
- 在vue项目实现一个ctrl+f的搜索功能
- 这次在项目中遇到了一个要做一个搜索功能,因为项目是vue的,而且是在手机端,所以对这个搜索功能的实现和能做到什么样子都没有底,在网上研究了一会,发现大家的解决方法都各有特色,有引入第三方包的,有遍历的,确实都可以实现,但我觉得在vue中这样的方法也太过繁琐了,于是经过一段时间的查询与思索后我自己写了...
- 日期:2023-02-04
- 浏览:251
- 标签: 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 @submit 提交后不刷新页面问题
- 我就废话不多说了,大家还是直接看代码吧~<form @submit='add'><!-- 表单 --></form> add: function(e){ // 阻止页面刷新 e.preventDefault(); // 逻辑代码 },补充知识:@sub...
- 日期:2023-01-05
- 浏览:46
- 标签: Vue

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

-
- 解决vue3报错:找不到模块或其相应的类型声明
- 这篇文章主要给大家介绍了关于如何解决vue3报错:找不到模块或其相应的类型声明的相关资料,这个错误提示是指在代码中引用了Vue模块,但是系统找不到该模块或者缺少相应的类型声明文件,需要的朋友可以参考下
- 日期:2022-06-13
- 浏览:34
- 标签: JavaScript

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

-
- vue实现的多页面项目如何优化打包的步骤详解
- 遇到的问题在多页面框架打包的过程中会,随着业务的增加页面越来越多,使用的三方包也会越来越多,但并不是所有页面都会使用到三方插件,使用webpack打包会让所有的三方包打包到一起,会导致vendor.js(三方包打包后的文件)越来越大,即使没使用过三方插件的页面也会引入,页面加载会越来越慢.如何优化 ...
- 日期:2023-01-03
- 浏览:41
- 标签: Vue

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

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

网公网安备