E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
nuxt3
【Nuxt】
Nuxt3
解决 useFetch 首次跳转、刷新无数据的问题
函数方法添加awaitnextTick()和uuid(uuid函数随便写个就行,位置也可以放在封装函数里)constfechData=async()=>{awaitnextTick()constdata=awaitgetNewsList({page:paginationData.value.page,pageSize:paginationData.value.pageSize,},uuid())n
努力挣钱的小鑫
·
2023-11-16 06:16
Nuxt
前端
javascript
开发语言
nuxt3
【
Nuxt3
学习】4. 集成 element-plus
源码地址:https://github.com/xbmlz/nuxt-starter.git安装pnpmadd-Dsasselement-plus@element-plus/icons-vueunplugin-vue-componentsunplugin-auto-import使用新增assets/scss/index.scss文件,添加如下内容@use"element-plus/dist/ind
记昨日书丶
·
2023-11-12 22:06
Nuxt3
学习
vue.js
typescript
elementui
css
关于解决
nuxt3
快速切换页面时导致白屏数据丢失的BUG
控制台BUG内容:UncaughtDOMException:Failedtoexecute'insertBefore'on'Node':Thenodebeforewhichthenewnodeistobeinsertedisnotachildofthisnode.关于此问题的一个官方的issue:https://github.com/vuejs/core/issues/8105发生场景:当我们快速
倪风6
·
2023-11-10 20:29
bug
nuxt3
vue3
router
nuxt3
踩坑
1、已安装对应模块,报错无法找到模块“xxx”的声明文件安装了某个模块,报错:无法找到模块“postcss-pxtorem”的声明文件。“d:/soft/node_modules/postcss-pxtorem/index.js”隐式拥有"any"类型。尝试使用`npmi--save-dev@types/postcss-pxtorem`(如果存在),或者添加一个包含`declaremodule'p
想不到耶
·
2023-11-09 11:58
vue3
javascript
开发语言
ecmascript
vue.js
Nuxt3.js
1、概念2、
Nuxt3
支持的渲染机制3、需要的环境二、搭建
Nuxt3
工程三、应用场景一、Nuxt是什么?1、概念
Nuxt3
是基于Vue3发布的SSR框架,也是Vue全家桶系列的一员。
迷小圈
·
2023-11-09 08:14
javascript
开发语言
ecmascript
搭建
nuxt3
项目(框架构建)
需求目标:我想搭建一个
nuxt3
的框架,实现一些基本的组件和路由、页面,方便后续遇到相关ssr项目直接复用。
Best_卡卡
·
2023-11-07 21:26
nuxt3
ssr
seo
【Nuxt】
Nuxt3
中使用 swiper 并自动滑动、手动滑动、点击滑动
demo示例建议先看官网nuxt-swiper.vue文件中使用样式请根据你项目实际来,只展示基础配置import{Swiper,SwiperSlide}from'swiper/vue'import{Autoplay}from'swiper/modules'import'swiper/css'letuseSwiper:any=null//swiper实例//初始化swiperconstonSwip
努力挣钱的小鑫
·
2023-11-06 12:17
Nuxt
nuxt
swiper
【Nuxt】在
Nuxt3
中使用 Element Plus
安装ElementPlus和图标库pnpmaddelement-plus--savepnpmadd@element-plus/icons-vue安装NuxtElementPlus模块pnpmadd@element-plus/nuxt-D配置Nuxt项目在nuxt.config.ts中配置//https://nuxt.com/docs/api/configuration/nuxt-configexp
努力挣钱的小鑫
·
2023-11-06 09:04
Nuxt
SSR
Nuxt
Element
Plus
前端
nuxt3
中引入pinia+数据持久化储存(pinia-plugin-persistedstate)
1、按装piniayarnaddpinia@pinia/nuxt#或者使用npmnpminstallpinia@pinia/nuxt2、安装pinia-plugin-persistedstatenpm:npmipinia-plugin-persistedstateyarn:yarnaddpinia-plugin-persistedstate3、nuxt工程代码中注册插件(/plugis/pinia
jjww-135
·
2023-10-28 20:05
前端
Nuxt3
服务端渲染 、elementplus多皮肤黑暗模式
在上一节基础上,接下来我们来引入我们开发所需要的UI组件elementplus,实现顶部和底部整体布局以及配置黑暗模式。最终效果如下:基础模式黑暗模式一、引入组件//安装elementplus1、npminstallelement-plus--save//安装@element-plus/icons图标库2、npminstall@element-plus/icons二、然后在我们的plugins创建
胖奶奶与胖小伙
·
2023-10-26 14:00
nuxt3
javascript
开发语言
elementui
vue.js
前端框架
Nuxt3
项目搭建踩坑记录——项目初始化失败问题;
相关链接快速入门
Nuxt3
问题描述:近期在接手
Nuxt3
框架,再尝试搭建环境创建dome时,第一步就遇到问题:初始化项目失败;具体报错:ERRORError:Failedtodownloadtemplatefromregistry
前端白袍
·
2023-10-21 18:42
前端学习笔记——Vue篇
vue
Nuxt3
接入51la等网站统计
文章目录关于统计集成之路官网示例统计代码分析开干安装统计插件import导入插件配置插件id你们做网站会不会关注有多少人访问呢?我是会关注的。把自己的内容分享出来,让过多的的人看到是一件令人兴奋的事情,所以我就想要把我实现的每一个功能,都以文章的形式进行分享。那么怎么样能够知道有多少人点进来了呢?答案就是网站统计。关于统计网站统计这段时间闹得沸沸扬扬的,就是CNZZ这个统计厂商开始收费了,于是大家
浪漫花公子
·
2023-10-19 05:01
Nuxt3
javascript
前端
vue.js
Nuxt3
项目中集成element-plus UI库
Nuxt3
项目中集成element-plusUI库按上篇文章(
Nuxt3
项目搭建详细步骤)中创建初始化项目后就要引用ui库进行页面开发了。
showwaychen
·
2023-10-19 05:52
ui
vue.js
elementui
重构项目 vue2 => vue3 & nuxt2 =>
nuxt3
遇到的问题
vue3获取组件的上下文import{getCurrentInstance}from'vue';//获取当前组件实例constinstance=getCurrentInstance();//获取当前组件的上下文,下面两种方式都能获取到组件的上下文。//方式一,这种方式只能在开发环境下使用,生产环境下的ctx将访问不到const{ctx}=getCurrentInstance();//方式二,此方法
王——小喵
·
2023-10-13 06:48
重构
nuxt3
vue3让你写页面样式事半功倍的CSS框架-Unocss配置上手
简介:vue3让你写页面样式事半功倍的CSS框架-Unocss配置上手
nuxt3
配置:https://github.com/unocss/unocss/tree/main/packages/nuxt写法地址
至尊丨楷君
·
2023-09-30 18:38
css
前端
vue.js
typescript
宝塔Node部署
nuxt3
宝塔Node部署nuxt31、首先本地执行打包yarnbuild2、然后把目录中的这个文件压缩成zip3、在宝塔文件处添加一个网站的文件目录,并把文件解压到里面4、点击左侧的网站,然后选择node项目,选择node版本安装5、安装完后,点击新建项目,选择你放项目的文件夹,启动项选择自定义启动命令,选择.output目录下的index.mjs.output/server/index.mjs6、端口默
AH_HH
·
2023-09-28 03:25
VUE
nuxt3
node
node.js
nuxt3部署
Nuxt3
打包部署到Linux(node+pm2安装和运行步骤+nginx代理)
由于前端第一次使用
Nuxt3
框架,后端也是第一次部署
Nuxt3
项目,所以刚开始出现了很多问题。在我上网搜索很多教程后,得到了基本的流程。
Frank Zhang
·
2023-09-24 16:45
linux
nginx
运维
SEO方案尝试--Nuxtjs项目基础配置
Nuxtjs最新版
Nuxt3
项目配置安装nuxtjs最新版
Nuxt3
参考官网安装安装插件安装ElementPlus页面怎么跳转,路由怎么实现404页面该怎么配置配置网页的title安装nuxtjs最新版
Liszter
·
2023-09-22 08:50
javascript
前端
nuxtjs
Nuxt3
SEO
瀑布流思路以及简单实现和组件封装代码(
Nuxt3
)
瀑布流思路以及简单实现和组件封装代码个人博客同步地址:https://yujiezhang.space/blob/waterflow根据屏幕分辩率分为三种(可根据需求来变化)lg-1024px三栏分布md-768px两栏分布sm-640px单栏分布根据宽度来自动适配高度(纵横比来控制)如果说提前知道图片宽高的话,可以根据纵横比来进行页面的宽度控制,并且保证每一次的插入都是先找到最低的那个元素再进行
做一个程序员
·
2023-09-20 17:14
Nuxt3
前端
javascript
开发语言
Nuxt3
入门
1.SSR概念2.Nuxt3.Hydration概念二、
Nuxt3
准备1.Node版本2.nvm三、创建一个
Nuxt3
应用四、应用场景1.SSR2.SSG3.CSR总结扩展阅读前言上一篇文章(了解Vue3
前端咸鱼翻身
·
2023-09-18 17:53
Nuxt3
前端
前端框架
nodejs:本地安装nvm实现nodejs多版本管理及切换版本
一、背景-使用不同版本node的原因vue3+ts、
nuxt3
版本,node推荐使用node18。vue2、nuxt2,node建议使用node16,如果使用18版本,可能会启动不了项目。
snow@li
·
2023-09-08 10:42
前端
node
npm
nvm
nuxt3
引入postcss-px-to-viewport-8-plugin
1.安装插件npminstallpostcss-px-to-viewport-8-plugin--save-dev2.在nuxt.config.ts中引入/**@Description:*@Version:2.0*@Autor:ycw*@Date:2022-06-2715:48:03*@LastEditors:ycw*@LastEditTime:2022-06-2816:15:32*/import
Florenza
·
2023-09-06 22:40
问题解决
前端
nuxt3
项目使用pdfjs-dist预览pdf
使用的包的源代码是pdfjs-npm但是我们实际上项目中使用的是pdfjs打包后的dist文件,也就是pdfjs-dist-npm所以我们需要使用这个命令npmipdfjs-dist我们可以克隆pdfjs这个包来看源代码,里面有使用的例子,也可以根据源代码自己打包生成你想要的版本的pdfjs-dist,官方文档强调了对于新旧浏览器的区别,所以我们在使用dist包的时候也要注意浏览器的兼容你要是不嫌
我有一棵树
·
2023-09-06 22:38
pdf
前端自己写接口,
nuxt3
一把梭之连接mysql
在
nuxt3
中连接mysql由于项目需要,根据前端的参数来连接不同的数据库获取数据,我本身是个前端,奈何没有人给我写接口,刚好最近也在看
nuxt3
的东西,就用
nuxt3
一把梭了。
·
2023-09-06 21:13
Element-plus 虚拟表格 绑定单元行的双击事件、单击事件 (Vue3、
Nuxt3
)
更新:其实是有提供的,只是官网文档给的描述太隐蔽了,我没看出来是啥意思。。。element-plus虚拟化表格如何自定义事件_会做饭的二哈的博客-CSDN博客传入一个对象,里面的属性是原生DOM事件,比如onClick等下面的可以不用看了,是一些DOM操作,因为我不知道官方提供了这些。。。———————————————————————————————————————————一、引言由于做的内容需要
l煎饼果子
·
2023-09-03 08:47
Vue3.js
vue.js
前端
javascript
一招搞定
Nuxt3
中配置全局样式和全局变量
//nuxt.config.ts//https://nuxt.com/docs/api/configuration/nuxt-configexportdefaultdefineNuxtConfig({devtools:{enabled:true},css:['@/assets/style/global.less'],//全局样式vite:{css:{preprocessorOptions:{les
冰镇白干
·
2023-09-02 04:01
前端
npm
node.js
vue.js
json
【Nuxt实战】在
Nuxt3
项目中如何按需引入Element-plus
步骤一:安装ElementPlus和图标库首先,使用以下命令安装ElementPlus和它的图标库:npminstallelement-plus--savenpminstall@element-plus/icons-vue步骤二:安装NuxtElementPlus模块安装NuxtElementPlus模块:pnpmi@element-plus/nuxt-D步骤三:配置Nuxt项目在nuxt.con
冰镇白干
·
2023-09-02 04:00
Nuxt实战
前端
json
git
vue.js
elementui
[See How]简单聊聊前端渲染模式以及Nuxt3.js
原文链接:因卓诶-简单聊聊前端渲染模式以及Nuxt3.js前言最近的工作有涉及到ssr,所以这篇文章算是一个总结,并且对还在beta阶段的
nuxt3
做一个浅析。
因卓诶
·
2023-09-01 13:11
Nuxt3
与 Vue3 的 Server api 全栈开发之路
NuxtServerApi阅读时长:15分钟本文内容:国内关于
Nuxt3
的资料太少了,而
Nuxt3
又发布了没有多久,导致资料太少。
ifredom_
·
2023-09-01 07:21
Vue.js
vue
nuxt3
server
api
前端
pm2部署
nuxt3
项目
pm2部署
nuxt3
项目阅读时长:8分钟本文内容:本文其实前面开发AI数字人网站的延续。
ifredom_
·
2023-09-01 07:12
Vue.js
linux
pm2
nuxt3
linux
前端
Nuxt3
+ Naive UI 的SSG项目分享(二)
配置文件nuxt.config.tsNuxt3可以用一个nuxt.config文件轻松配置,该文件的扩展名可以是.js、.ts或.mjs配置参考:import{defineNuxtConfig}from'nuxt'import{loadEnv}from'vite'interfaceVITE_ENV_CONFIG{VITE_NODE_ENV:string,VITE_APP_BASE_API:stri
海棠疏雨htsy
·
2023-08-31 13:13
Nuxt3
+
Naive
UI
的SSG项目分享
javascript
前端
前端框架
vue.js
Nuxt3
+ Naive UI 的SSG项目分享(一)
搭建
Nuxt3
项目分享
Nuxt3
自从Vue3发布后,学习Vue3就形成了一个趋势和热潮。
海棠疏雨htsy
·
2023-08-31 13:43
Nuxt3
+
Naive
UI
的SSG项目分享
前端框架
vue.js
前端
html
Nuxt3+Vite+Pinia+Element plus 快速开发模版&部署
目录前言一、初始化项目二、项目目录简介三、主要功能点Layout布局路由(需注意nuxt2与
nuxt3
是有区别的)compositables方法自动导入plugins需要运行的JS插件useFetch请求封装四
alun.zhang
·
2023-08-31 13:11
vue.js
javascript
前端
elementui
sass
Nuxt3
正式版发布,教你用vite+nuxt+pinia+vueuse搞定前端SSR项目
大厂技术坚持周更精选好文前言翘首期盼,终于终于,稳定版的
Nuxt3
它来了,它带着六亲不认的步伐走过来了~11月16日,全球最大的Nuxt会议NuxtNation2022在线举行,并正式发布了Nuxt.js3.0
徐小夕@趣谈前端
·
2023-08-31 13:06
前端
javascript
开发语言
ecmascript
初次使用
Nuxt3
脚手架遇见的问题
关于Nuxt概念在了解Nuxt之前,我们先来了解一下创建一个现代应用程序,所需的技术:支持数据双向绑定和组件化(Nuxt选择了Vue.js)。处理客户端的导航(Nuxt选择了vue-router)。支持开发中热模块替换和生产环境代码打包(Nuxt支持webpack5和Vite)。兼容旧版浏览器,支持最新的JavaScript语法转译(Nuxt使用esbuild)。应用程序支持开发环境服务器,也支持
阿泽不会飞
·
2023-08-29 14:26
报错
Nust.js
报错
SSR
Vue 3 和 Nuxt 3 的特性
Vue3和
Nuxt3
的特性Vue3是Vue.js的最新版本,它在坚持了Vue.js的简约、灵敏、易用的特性的同时,引入了许多新的特性和改良,如:组合式API:一种新的编写组件逻辑的方式,能够更好地组织和复用代码
·
2023-08-18 16:26
vue-3nuxtjs3
Nuxt3_1_路由+页面+组件+资源+样式 使用及实例
1.2环境搭建安装项目:npxnuxi@latestinit[first_nuxt3]进入项目目录:cd[first_nuxt3]安装依赖:npminstall启动项目:npmrundev–-o至此,一个
nuxt3
fighting Ably!
·
2023-08-17 09:19
nuxt路由
nuxt组件
nuxt资源样式
前端食堂技术周刊第 93 期:7 月登陆 Web 平台的新功能、Node.js 工具箱、
Nuxt3
开发技巧、MF 重构方案
美味值:口味:橙橙冰萃美式食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。技术资讯Deno八月更新Deno1.36更灵活的权限控制、DenoDeploy可过滤、搜索的持久化日志、Fresh1.3路由组件简化。VSCode发布July2023(version1.81)Svelte的新功能
童欧巴
·
2023-08-08 12:55
技术周刊
前端
node.js
重构
【
nuxt3
】
nuxt3
页面跳转过渡效果实现
NUXT3
系列文章目录【
nuxt3
】项目中使用svg7步带你了解https://blog.csdn.net/weixin_49014702/article/details/128414398?
前端 小羽ゞ
·
2023-07-31 21:14
nuxt3
前端
nuxt3
初始化项目后配置eslint+prettier
1、安装eslint、eslint-config-prettier、eslint-plugin-prettier、prettierarnaddeslinteslint-config-prettiereslint-plugin-prettierprettier-Deslint-config-prettier:关闭eslint中与prettier相互冲突的规则。eslint-plugin-pretti
隔壁老王小媳妇
·
2023-07-29 00:33
前端
javascript
开发语言
NUXT3
学习笔记2
1、配置AntdesignVue(两个安装方式随便选一种,yarn会安装的更快)npmiant-design-vue--saveyarnaddant-design-vue2、使⽤的Vite,你可以使⽤unplugin-vue-components来进⾏按需加载。yarnaddunplugin-vue-components--save在nuxt.config.ts中引⼊importComponent
隔壁老王小媳妇
·
2023-07-29 00:02
学习
笔记
vue.js
NUXT3
学习笔记3
⾸先我们先看⼀下项⽬⽬录:project-name├──node_modules├──public│└──favicon.ico├──app.vue├──nuxt.config.ts//
Nuxt3
项⽬的配置
隔壁老王小媳妇
·
2023-07-29 00:02
学习
笔记
前端
nuxt3
新建项目报错 nuxi init Failed to download template from registry
Error:Failedtodownloadtemplatefromregistry:requesttohttps://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.jsonfailed,reason:connectECONNREFUSED0.0.0.0:443node需要是16版本以上,只需要设置dns114.114.
zhongli_
·
2023-07-28 06:33
node.js
ip
nuxt3
fullpage.js踩坑, fullpage.js 全屏滚动
nuxt3fullpage.js踩坑,fullpage.js全屏滚动,fullpageisunderfind我用的是@nuxt3.6.11.引入fullpage.js(3.0.1),下载地址github链接,下载后放到assets文件下app:{head:{script:[{src:'/assets/fullpage.js',type:"text/javascript",body:true}],}
一头小绵羊
·
2023-07-22 14:56
javascript
开发语言
ecmascript
2-《手把手教您使用
Nuxt3
框架(
Nuxt3
中文开发教程)》初识
Nuxt3
《手把手教您使用
Nuxt3
框架(
Nuxt3
中文开发教程)》全文电子档将分章节陆续在“nuxt”微信订阅号原创发布,敬请关注。
DVTOP
·
2023-07-22 13:51
Nuxt3中文开发教程
webpack
javascript
前端
vue.js
node.js
nuxt3
如何监听路由变化?
nuxt3
如何监听路由变化?
一头小绵羊
·
2023-07-22 13:20
javascript
前端
vue.js
nuxt
基于
nuxt3
的语雀文档批量导出
项目由来语雀是一个不错的笔记与文档知识库,但是最近发现他开始割韭菜了,知识库的公开开始收费,就想着把内容都导出自己来部署,发现并没有批量操作,amazing,不过还好有api,那就来造一个批量导出吧技术栈由于CORS,这里选了
nuxt3
forguo
·
2023-07-17 22:44
语雀文档批量导出
语雀文档导出
语雀导出
Nuxt3
components公共组件
1.目录结构效果实现:写一个公共的right组件,在index和about页面同时引用它2.index页面引入index页面显示效果about页面引用及效果
键指江湖
·
2023-07-16 09:11
Nuxt3
nuxt3
components
Nuxt3
数据获取
在服务端获取数据因为
Nuxt3
是SSR的方案,所以你可能不仅仅只是想要在浏览器端发送请求获取数据,还想在服务器端就获取到数据并渲染组件。
GUOZHUOYUE.
·
2023-07-16 04:11
Vue
前端
javascript
开发语言
Nuxt3
引入Element-plus和sass
1.引入Element-plus打开编辑器终端运行npminstall@element-plus/nuxt或者命令行cd到项目文件运行npminstall@element-plus/nuxtpackage.json文件会出现使用Element-plus在nuxt.config.ts文件添加代码exportdefaultdefineNuxtConfig({devtools:{enabled:true
键指江湖
·
2023-07-14 01:45
Nuxt3
sass
element-plus
nuxt3
上一页
1
2
3
4
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他