草庐IT

nodejs_vue

全部标签

vue.js - Nuxt 404 错误页面应该重定向到主页

我正在寻找一种方法,当页面不存在时使用Nuxt.Js始终重定向到主页。几天前,我们的站点地图生成出现了一些问题,我们提交了不存在的错误网址。GoogleSearchConsole显示大量404,我们希望通过301重定向到主页来修复它们。我试过了created(){this.$router.push(this.localePath({name:'index',query:{e:'er'}}))}虽然页面成功重定向到主页,但我认为Google会遇到问题,因为页面最初呈现为404。这个我也试过asyncasyncData({redirect}){returnredirect(301,'/el

【开源】基于JAVA+Vue+SpringBoot的网上药店系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2药品类型模块2.3药品档案模块2.4药品订单模块2.5药品收藏模块2.6药品资讯模块三、系统设计3.1用例设计3.2数据库设计3.2.1角色表3.2.2药品表3.2.3药品订单表3.2.4药品收藏表3.2.5药品留言表四、系统展示五、核心代码5.1查询药品5.2查询药品类型5.3药品收藏5.4药品加购5.5新增药品留言六、免责说明一、摘要1.1项目介绍基于JAVA+Vue+SpringBoot+MySQL的网上药店系统,包含了药品类型模块、药品档案模块、药品收藏模块、药品订单模块、药品资讯模块,还包含系统自带的用户管理

Vue项目引入translate.js 国际化自动翻译组件

建议translate.js配合i18使用本文只介绍translate.js的引入和使用方式无论什么库 在翻译上都不会做到(100%翻译 &&100%准确)吹毛求疵绕路官方文档:translate.js前端翻译该组件优点:自动翻译自动匹配本地语种利于SEO对搜索引擎友好使用简单直接引入使用即可瞬时翻译使用了缓存预加载该组件缺点正因为利于SEO假设中译英获取DOM节点的时候还是中文DOM不刷新DOM内容刷新时不会自动翻译所以最好配合i18使用1.安装npmii18n-jsautotranslate2.引入在main.js内importtranslatefrom'i18n-jsautotransl

使用自定义组件模板内的V-For可以使用VUE JS?

我在网上什么也没发现。我想知道的是是否可以使用v-for定制组件模板内的指令。这是我所做的:html自定义组件Vue.component('lista-servizi',{template:''+''+''+''+'{{single.nomeServizio}}{{index}}'+''+'"'+''+''+''+''+'{{single.descrizione}}'+''+''+'',props:['servizi'],computed:{listaServizi(){returnthis.servizi}}我在控制台中有以下错误:-taghasnomatchingendtag.foundi

Vue - Element UI 级联选择器 el-cascader 组件设置点击 label 文字直接选中,无需点击圆形单选框选中(解决开启 “单选模式“ 后无法通过点击整行直接选中的问题)

前言如果您需要Vue3版本,请访问这篇文章。本文实现了在vue+elementUI项目开发中,el-cascader级联选择器开启“严格单选模式(父子节点取消选中关联,达到选择任意一级选项)”后,选中操作改为直接“点击文字整行”就能选中,并且点击后自动隐藏收起下拉弹框功能,网上千篇一律的无效方案,本文的方案保证不影响全局样式、不影响其他级联组件工作,强大好用。如下图所示,现在可以点击文字或单选圆圈选中,并且局部独立不互相影响!示例代码干净整洁,新手小白复制粘贴即用!示例代码此解决方案是通用的,也就是说复选框、单选框,单选和多选都可以使用。随便找个页面,一键复制运行起来即可。template

Vue3学习(十八) - TreeSelect 树选择

写在前面本以为可以在家学习一天,结果家里来了客人拜年,就没学习上,有点小遗憾吧。昨天完成从分类管理的前后端代码复制出文档管理的前后端代码,遗留问题是只能选择一级父分类。值得说的是,昨晚的遗留的问题修复了,开心。遗留问题点击父文档,弹出警告,从报错来看那意思就是parent应该是一个对象,我却给他一个string字符串。解决方案:将parent改造为对象:node.parent={'id':node.parent}使用树形选择组件选择父节点1、从分类管理的前后端代码复制出文档管理的前后端代码此处略,参考以前2、TreeSelect树选择使用其实就是将原来一级分类,改为可以多级分类选择,这里我们就

Vue 3 的 setup语法糖到底是什么东西?

前言我们每天写vue3项目的时候都会使用setup语法糖,但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的?为什么在setup顶层定义的变量可以在template中可以直接使用?为什么import一个组件后就可以直接使用,无需使用components 选项来显式注册组件?vue文件如何渲染到浏览器上要回答上面的问题,我们先来了解一下从一个vue文件到渲染到浏览器这一过程经历了什么?我们的vue代码一般都是写在后缀名为vue的文件上,显然浏览器是不认识vue文件的,浏览器只认识html、css、jss等文件。所以第一步就是通过webpack或者vite将一个vue文件编译为

Vue实现摄像头视频分屏, 使用flv.js接收rtmp/flv视频流

一、业务需求和调研1.现有的平台系统播放实时视频。因为用户电脑都是Linux系统,无法直接使用海康前端SDK,讨论决定由后台推视频流,简单调研后发现最流行的是flv,而且有B站开源的flv.js适配。前期后台推给我RTMP前缀的视频流,我尝试使用video.js,西瓜视频等都失败了,后来后端改为http前缀的,对接成功。这里还要讲一下flv.js的文档,不知道是我理解有误,还是文档没有更新,还是让人一身冷汗的:第二句讲:FLV实时流在所有浏览器无法工作但是点进去livestream.md:这里又讲:根据IO限制,flv.js目前在各类新版浏览器支持HTTPFLV实时流总而言之,即便是chrom

vue3+nodejs(websocket)实现监控拉rtsp流,使用flv.js+ffmpeg包(主要建立websocket是为了转码传流)

关于拉取监控摄像头的流,我个人去查了很多资料,也是因为之前没有接触过这一模块,加上目前公司也没有后端去写接口,所以我直接用node去写websocket,与前端建立起通信,能够进行后续转码、传流,能够实现实时播放监控画面。这里的rtsp流是要事先知道的,监控的这个rtsp流,只要你拿到了,且监控是接网络的,就可以先拿VLC播放器去测试跑网络串流试试看,如果能接通画面,那么就可以走下面的操作了请认真看完下面的内容,不然最后效果可能因为小差错导致出现问题!!!一.nodejs配置这里nodejs我的版本是18+,正常去官网下载配置就好接下来创建一个新的文件夹,与你前端写的项目通级就好给大家看一下我

基于小程序的停车场管理+springboot+vue.js附带文章和源代码设计说明文档ppt

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言🌞博主介绍:✌CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战,以及程序定制化开发、全栈讲解、就业辅导、面试辅导、简历修改。✌🌞👇🏻精彩专栏推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全:100个热