vue项目踩坑第4页

输入搜索、分组展示选项、下拉选取，el-select 实现：即输入关键字检索，返回分组选项，选取跳转到相应内容页 —— VUE项目-全局模糊检索

【效果图】：分组展示选项【去界面操作感受一下】—>便捷简洁的企业官网【录制效果视频展示】：菜单栏-快速检索1【流程】：（1）读取目标数据，如果是多个，需要多次读取；（2）对数据进行分组，放入特定分组数据结构；（3）各分组，做相应设置；（4）数据组装到el-select控件；（5）点击选项，跳转到相应位置。现将关键代码及结构附于下方：1.分组数据结构示例：（1）标准结构示例：groupSelectO

菲力蒲LY·2025-02-21 14:56

vue项目在不同分辨率下页面的适配

vue项目中在不同分辨率下页面的适配（媒体查询方案）1.通过在不同分辨率下设置html的字体大小@mediascreenand(min-width:1281px)and(max-width:1366px

快乐的二进制鸭·2025-02-21 06:25

Vue3＋Vite创造路由

webpack和vite的vue-router添加路由有所不同，小编踩坑了1，先下载vue-routernpminstallvue-router@next2，配置vue-router需要配注意使用Vite

巴巴博一·2025-02-21 05:16

关于启动vue项目，出现：Error [ERR_MODULE_NOT_FOUND]: Cannot find module ‘xxx‘此类错误

问题报错node环境变量配置有问题：(base)xxx@M73H-15:~/VueProject/pproject-vue$npmrundev/usr/bin/env:“node”:没有那个文件或目录vue

zkkkkkkkkkkkkk·2025-02-20 21:23

vuecli项目实战--管理系统

一、项目搭建HBuider直接：新建--项目--填项目名称、选地址、下拉选vue项目（2.6.10）项目结构这个样子：二、前端配置1.路由配置（地址）在src文件夹下创建router文件夹在router

团团kobebryant·2025-02-20 19:36

vue3 项目如何接入 AI 大模型

创建Vue项目并安装依赖打开命令行，使用vuecreate项目名命令创建一个新的Vue项目，按照提示完成

代码搬运媛·2025-02-20 07:46

哔哩哔哩APP的 AGP8 升级之旅

本次Android大仓的AGP8升级涵盖多个APP多个业务方，持续3个月；分各个三大步，若干小步完成升级迁移，以下为本次升级踩坑经历。

锐湃·2025-02-19 17:55

nginx部署vue项目访问路径问题

部署后，不管页面空白还是报错，实际上都是资源引用的路径不对造成的，根据路径来实际解决就可以了history模式：vue中使用history模式加上NGINX的使用会导致路径冲突，解决如下：server{listen8025;server_namelocalhost;#或者您的实际域名/IP地址location/{rootD:\hwj\xuexi\code\my-project\dist;index

smile_life_·2025-02-19 12:40

【[issues]】opensips 踩坑 483错误 sip: SIP: SIP/2.0 483 Too Many Hops

在公网服务上搭建开源opensips配置ip后一直弹483错误。试了几种网上方式都不行，最后将地址改为如下格式后解决：listen=udp:private_ip:5060aspublic_ip:5060

青丶空゛·2025-02-19 10:53

vue中onclick如何调用methods中的方法

文章目录前言一、代码一开始效果二、解决方案前言今天在开发vue项目中使用的第三方地图，地图上绘制的marker内容需要自定义，因为绘制的内容是原生HTML，所以遇到点击事件的时候就用了onclick来定义

库库的写代码·2025-02-19 03:30

hutool 工具包深克隆踩坑

packagehutool;importcn.hutool.core.util.ObjectUtil;importjava.util.ArrayList;importjava.util.List;publicclassCloneTest{publicstaticvoidmain(String[]args){Useruser=newUser();user.setId(1);user.setAge(1

DS_Watson·2025-02-18 23:45

基于python sanic框架，使用Nacos进行微服务管理

参考资源Docker安装nacos（图文并茂，避免踩坑，一步到位）_docker创建nacos容器需要挂载哪些

一醉千秋·2025-02-18 15:15

【ORB_SLAM系列3】—— 如何在Ubuntu18.04中使用自己的单目摄像头运行ORB_SLAM3（亲测有效，踩坑记录）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、ORB_SLAM3源码编译二、ORB_SLAM3实时单目相机测试1.查看摄像头的话题2.运行测试三.运行测试可能的报错1.报错一(1)问题描述(2)原因分析(3)解决2.报错二(1)问题描述(2)解决前言本次教程运行ORB_SLAM3，所需的环境如下：Ubuntu18.04、ros版本：melodicOpencv4.5

啥也不会的研究僧·2025-02-18 11:03

html如何使多张图片滑动不卡顿,Web端大量图片同时加载卡顿问题的优化方案

(否则这个问题就要变成优化网络....)踩坑历程由于不是纯前端的项目，笔者

kisserkook·2025-02-17 19:41

微信小程序canvas2D全新API介绍

文章目录微信小程序canvas2D介绍前言简介获取canvas节点绘制图片绘制文字绘制换行文字保存canvas踩坑canvas尺寸问题绘制图片层级问题微信小程序canvas2D介绍前言微信小程序官方在2.9.0

前端彭于晏Eddie·2025-02-17 16:44

【瀑布流插件】vue-masonry

导致图片高度小的，下一行不能紧挨在一起**如图：但是我要的效果是这样的，如图：依靠vue-masonry，实现了一些简单的功能,可参考这篇文章，讲的比较详细《Vue插件》瀑布流插件vue-masonry的使用与踩坑记录

春晓_春眠花落·2025-02-17 14:22

如何构建高效的 Vue 3 前端项目结构

假如你正在深入开发一个Vue项目，起初一切感觉顺畅简单。但随着应用的增长，你的文件夹开始泛滥，组件变得混乱，寻找文件就像大海捞针。听起来熟悉吗？其实你并不孤单。

东锋1.3·2025-02-17 11:57

前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划

导读Vue项目报错Unknowncustomelement:XXX-didyouregisterthecomponentcorrectly…的解决方法。

三掌柜666·2025-02-17 06:22

【python学习】深度解析 Python 的 .env配置与最佳实践：温格高的环境变量配置之道

我们还将覆盖一些小技巧和常见错误，帮助你避免开发中的踩坑。2.使用.env文件的好处温格高团队正在开发一个记录自行车赛事的应用，涉及多个开发环境和敏感信

NLP仙人·2025-02-16 21:16

2025超全整理！H3C路由交换核心命令宝典，助你轻松玩转网络配置

文末还附赠高频踩坑指南，速速收藏⭐！一、基础配置篇：快速上手H3C设备1.设备初始化与视图切换进入系

wljslmz·2025-02-16 20:30

在Vue中使用highlight.js代码高亮

本文将介绍如何在Vue项目中使用highlight.js来实现代码高亮的效果。步骤1：安装highlight.js首先，我们需要安装highlight.js库。在Vue项目的根目录下

技术驱动者·2025-02-16 11:26

ubuntu完全卸载cuda(备忘)

cuda的卸载方法网上都有很多，这些方法大同小异，几乎都是错的，我在卸载cuda时基本试了个遍，各种踩坑。

fengsongdehappy·2025-02-16 10:49

logging 日志同时输出到控制台（踩坑：python2 vs python3使用差异)

一段python3生效的代码：importloggingforhandlerinlogging.root.handlers[:]:logging.root.removeHandler(handler)logging.basicConfig(level=logging.DEBUG,format=

freesonWANG·2025-02-16 10:47

踩坑记录: Python的工作路径(working dircetory)

本部分不涉及模块搜索方式的具体解释,有兴趣可以看看我之前的笔记:Python中令人困惑的模块导入.问题描述项目简介首先给出一个简单的项目结构:root└──random_dir├──random_file.py└──text_file.txtroot是项目的根目录,旗下只有一个名为random_dir的文件夹,在这个文件夹内,有一个python的脚本文件random_file.py,以及一份空的文

neowell·2025-02-16 09:14

别人的Vue文件怎么使用

1.了解Vue项目结构当你创建一个空的Vue项目时，默认会有以下目录和文件：-src/-components/-views/-App.vue-main.jscomponents/:放置可复用的小组件。

CCSBRIDGE·2025-02-16 09:12

vue项目中更改elementui样式

一种是去掉scoped，给父级加class，然后改子样式第二种是用vue穿透::v-deep.组件class名，!important必须要加第三种内联以上三种足矣ElementUI是一款非常强大的前端UI组件库，它默认定义了很多美观的样式，但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。1.新建全局样式表新建global.css文件，并在

懒人村杂货铺·2025-02-16 01:40

在Vue项目中使用高德地图Marker

目录前置准备1.创建Vue项目2.安装高德地图SDK实现Marker组件1.创建Map.vue组件2.使用Map组件运行项目高级功能1.动态添加和删除Marker2.自定义Marker样式3.添加信息窗体性能优化前置准备

小刘哥007·2025-02-15 21:42

【clickhouse踩坑记录】ClickHouse查询性能优化（入门级）

背景用了一年多的ClickHouse，但好像都没系统地去学一遍，趁着最近有点时间，相对全面地去看了一圈ClickHouse的内容。发现ClickHouse虽然性能查询本身快，但如果使用不恰当，性能会被降一个级别。下面主要简单介绍一下，ClickHouse的查询可以从哪些方面做优化。可重点关注标题加粗部分！！优化方法以下，主要从表级别、语法、查询这三方面简要介绍。表级别优化填充有空值的字段对于一些表

一条咸鱼的记录·2025-02-15 20:35

在springboot加vue项目中加入图形验证码

后端首先先要创建一个CaptchaController的类，可以在下面的代码中看到在getCaptcha的方法里面写好了生成随机的4位小写字母或数字的验证码，然后通过BufferedImage类变为图片，顺便加上了干扰线。之后把图片转为Base64编码方便传给前端为了安全我写了encrypt方法把4位验证码加密了一下，和图片放在了Mapli传给了前端，后面的verifyCaptcha是对前端输入的

小山曲奇·2025-02-15 17:42

MQTT实战之在vue和java中使用

在VUE中使用MQTT1、创建vue项目（使用node版本为20.12.0）>>npmcreatevite@latestNeedtoinstallthefollowingpackages:create-vite

沐暖沐·2025-02-15 09:07

pyflink作业提交的踩坑过程，看完少走两个星期弯路

flink在努力地将Python生态和大数据生态融合，但目前的版本还不够成熟，尤其是在官方对python现有资料有限的情况下，用户想要使用python完成一个flinkjob并提交到flink平台上，还是有很多雷需要踩的。以下对pyflink环节问题，pythonjob编写到提交做了总结，可减少不必要的弯路。一、部署环境JDK1.8+&Python3.5+(3.7.6)&apache-flink1

Li_yi_chao·2025-02-14 07:16

vue项目的性能优化

结合lighthouse查看各项数据，不断进行性能优化，可以从代码、打包、部署这三个层面来优化代码层面1、v-if和v-show区分使用v-if（惰性的）用的条件判断，是惰性的，false的话初始不会渲染，适用于运行很少改变条件v-show不管是什么初始都会渲染，用的display:none来控制隐藏，适用于频繁切换条件的2、computed、watch和methods区分使用computed：一

ZoeLandia·2025-02-14 03:57

记录一次项目踩坑，关于antd组件Popover 的content传参形式问题

antd的Popover组件，在内部js定义了Content组件。这两种写法的区别是写法1：写法2：}/>这两种写法在使用Popover组件时有以下差异:写法1:这种写法将Content组件作为一个函数引用传递给Popover组件的content属性。在Popover内部,content属性会被直接使用,不会作为一个新的React元素渲染。这种方式更加简洁,但意味着Content组件的渲染逻辑需要

·2025-02-14 01:58

124 巨坑uni-app踩坑事件 uniCloud本地调试服务启动失败

1.事情是这样的事情是这样的，我上午在运行项目的时候还是好好的，我什么都没干，没动代码，没更新，就啥也没干，代码我也还原成好好的之前的样子，就报这个错，但是我之前没用过这个服务呀，我想肯定不是这个问题。然后我就各种网上找，问AI，然而并没有什么用，按控制台输出去改，也没有用，一开始我以为是hbuilerx的插件出问题了，我还重装，依旧无效。还看了下面这个博主的帖子小程序报错：SyntaxError

若学姐(前端)·2025-02-13 19:07

【ElasticSearch】踩坑对terms的buckets进行bucket_sort排序

【ElasticSearch】踩坑对terms的buckets进行bucket_sort排序1.需求和实现选出可用性最高的前15个数据展示：先按照key_id.keyword进行url分组，然后子聚合算出可用性

Musecho·2025-02-13 13:21

Node.js简介及vue项目与Node.js通信方法

目录一.基础介绍二.应用场景三.Vue与Node.js的通信方法1.通过HTTP请求通信（主流）2.通过WebSocket实现实时通信3.通过GraphQL进行通信一.基础介绍定义：Node.js是一个基于ChromeV8引擎的JavaScript运行时，用于构建高性能、可扩展的网络应用程序。特点：非阻塞I/O模型：Node.js的事件循环机制使其能够高效地处理大量并发连接，适合开发高并发的网络应

像素检测仪·2025-02-13 00:46

web前端Vue项目搭建流程

Node.js安装教程一、安装环境node.js下载官网:nodejs官网.二、安装步骤1、双击安装包，一直点击下一步。2、点击change按钮，更换到自己的指定安装位置，点击下一步（不修改默认位置也是可以的）。3、一直点击下一步，最后安装成功即可。三、验证安装在键盘按下【win+R】键，输入cmd，然后回车，打开命令行界面进入命令提示符窗口，分别输入以下命令，显示版本号，则安装成功node-v显

sulu_all is well·2025-02-12 22:59

免费！满血版DeepSeek丝滑畅玩，低门槛实现671B-R1/V3自由

想快速顺畅上手DeepSeek还不踩坑？“真·满血DeepSeek-671B-R1/V3解决方案”来了！

·2025-02-12 14:48

vue项目启动报错：error:0308010C:digital envelope routines::unsupported

vue项目启动报错：error:0308010C:digitalenveloperoutines::unsupportednodejs17以上版本允许算法和密钥大小有问题将node.js版本换成18+后

想坠入海底·2025-02-12 07:49

MacOS15+Xcode版本16+对ReactNative项目进行编译和上传到APPStore的踩坑记录

作者:Kovli重要通知：红宝书第5版2024年12月1日出炉了，感兴趣的可以去看看，https://u.jd.com/saQw1vP红宝书第五版中文版红宝书第五版英文原版pdf下载(访问密码:9696)1、编译报错如下项目名/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm:57:46Calledobjecttype'f

·2025-02-12 01:31

在Vue项目中如何实现国际化（i18n）的高级支持，包括多语言切换、动态翻译、本地化资源管理等技术的应用，以及如何处理文化差异和性能问题!

在Vue项目中实现国际化（i18n）是支持多语言应用的关键需求。通过国际化，可以让应用适应不同语言和地区的用户，提升用户体验。

dxh_888·2025-02-11 22:36

60秒看懂GIS开发高薪真相！！！

学校教ArcMap，企业却要WebGIS全栈开发跟着B站教程做项目，结果连坐标系转换都踩坑！

新中地GIS开发老师·2025-02-11 18:08

【踩坑笔记】mac每次重启都需要重新ssh-add

问题：mac下解决开机需要每次ssh-add的问题，每次重启电脑后使用Git仓库，都会被提示：Enterpassphraseforkey，然后需要重新去.ssh执行ssh-addid_rsa。原因：生成的秘钥是加密的，如下图左加密了，图右无加密。问题解决的相应链接解决：修改密码，把密码设置成无密码操作后：尝试git成功。重启后再试也成功。mark一下仅供参考欢迎更正补充Thanks

·2025-02-11 11:05

人工智能（Artificial Intelligence，简称AI）

以至于你是否真的知道人工智能四个字的含义，他说很多年轻人都只知道deepseek能回答问题，所以记录此文章，希望后续有相同经历的朋友能了解一下别踩坑。

Kingdom_Garden·2025-02-11 07:50

Docker Compose一键部署Spring Boot + Vue项目

目录前提条件概述Compose简介Compose文件Compose环境Compose命令帮助命令关键命令Compose部署项目初始化环境查看代码文件sql数据准备nginx配置文件准备创建compose.yaml一键启动compose多个容器浏览器访问虚拟机ip:80(可省略默认的80端口)查看Compose运行的容器查看容器日志关闭并删除Compose开启的容器前提条件熟悉Docker、Spri

m0_74824877·2025-02-11 07:14

Roblox踩坑1——动画无法完整播放

在做一款挂机类游戏的时候，打算给地图怪物做一个被击败动画，我就在击败怪物的回调里面加了一个动画，但是无论如何都没办法正常的播放。ifhumanoidthen--创建一个Animation实例并设置动画IDlocalanimation=Instance.new("Animation")animation.AnimationId="rbxassetid://139676583914998"--加载动画

法外狂徒张三！·2025-02-11 05:31

MCU应用踩坑笔记（ADC 中断 / 查询法）

问题描述IC：SC92F7596,在使用过程中，发现一个问题，就是我们使用到了ADC功能，程序的代码如下：ADC采样周期200ms，采样个数：4在使用过程中，因配置了ADC中断使能，在中断服务程序中，清除了了中断标志位。因为我开500ms的看门狗溢出复位，但是因为（1）当温度上升到45℃以上之后，ADC的采集时间会从us级别变到800ms，从而触发了看门狗溢出复位，红灯常亮（2）当温度下降到30℃

woainizhongguo.·2025-02-11 03:15

旧手机建立自己的博客网站之踩坑记||在旧手机上建立自己的服务器（2）||2020年新货

接上一篇接下来配置LNPM环境。方案一根据大佬的博文安装时会出现以下情况网站搜索无果，全是让改软件源的，改完后问题依然，其实分析后可知，无法定位就是源里面没有软件或者源错误，所以这里不指定版本安装。这里附上清华的软件源，仅适用于ubuntubionicforarm64/armhf。#默认注释了源码镜像以提高aptupdate速度，如有需要可自行取消注释debhttps://mirrors.tuna

一世愚·2025-02-11 03:13

阿里云CDN记录

阿里云CDN踩坑记录CDN文件上传上传限制300M，超过会失败在小文件传输方面，（图片的话），主要延迟体现在首包时间，TCP时间；而在像直播流/视频流等大文件传输主要体现在下载时间。

coderlong·2025-02-11 01:59

推荐频道

vue项目踩坑