首页 > 其他分享 >vue项目路由配置,打开页面空白,其他菜单正常显示问题

vue项目路由配置,打开页面空白,其他菜单正常显示问题

时间:2024-02-01 10:00:54浏览次数:21  
标签:index vue js 菜单 路由 页面

 如果你的项目文件夹里面的内容同时存在index.js   index.vue(类似),那么路由配置路径的时候一定要带上.vue

如果单纯的写Index,会找到.js文件,导致页面不显示

 

 

 

标签:index,vue,js,菜单,路由,页面
From: https://www.cnblogs.com/ghc520/p/18000626

相关文章

  • Vue 搭配GSAP实现颜色动态渐变
    重点使用reactive构造响应式的对象存储颜色,使用gsap.to操作响应式对象实现颜色渐变代码lettoTimeLine:TweenletoverTimeLine:TweentypeColor={value:string}typeTween=gsap.core.TweenconstaddItemColor=reactive<C......
  • Angular 17+ 高级教程 – Routing 路由 (功能篇)
    前言这篇只讲功能不讲原理。没有循序渐进,没有由浅入深,一个主题讲到底。 Route    目录上一篇 Angular17+高级教程–Routing路由(原理篇)下一篇TODO想查看目录,请移步 Angular17+高级教程–目录......
  • vue3-setup中如何通过ref调用子组件的函数
    vue3-setup中如何通过ref调用子组件的函数子组件通过defineExpose向外导出需要调用的函数在父子间中定义ref引用来调用子组件关键代码:<scriptsetup>import{ref,reactive,defineExpose}from'vue'constshow=ref(false);consttitle=ref('添加收款方式');con......
  • Java调用ChatGPT(基于SpringBoot和Vue)实现连续对话、流式输出和自定义baseUrl
     源码及更详细的介绍说明参见Git上的README.md文档https://github.com/asleepyfish/chatgpt本文Demo(SpringBoot和Main方法Demo均包括)的Git地址:https://github.com/asleepyfish/chatgpt-demo流式输出结合Vue前端的Demo的Git地址:https://github.com/asleepyfish/chatg......
  • 关于 java如何集成chatgpt,如何开发接口,如何集成vue前端界面
    Java如何集成ChatGPT,如何开发接口,如何集成Vue前端界面随着人工智能技术的不断发展,聊天机器人已经成为了人们日常生活中不可或缺的一部分。ChatGPT是一种基于深度学习的聊天机器人技术,它可以通过学习大量的语料库来生成自然流畅的对话。本文将介绍如何使用Java语言集成ChatGPT,开......
  • 10.路由事件
    先看一段代码:<Windowx:Class="HelloWorld.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas......
  • vue3使用v-viewer图片预览工具
    vue3使用v-viewer图片预览v-viewer中文文档安装全局注册main.js文件中使用 v-viewer中文文档安装pnpminstallv-viewerviewerjs 全局注册main.js文件中importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'constapp=createApp(App)//......
  • 基于springboot开发的工作流系统,bpmn.js,vue源码及功能分析(activiti)
    前言activiti工作流引擎项目,企业erp、oa、hr、crm等企事业办公系统轻松落地,一套完整并且实际运用在多套项目中的案例,满足日常业务流程审批需求。一、项目形式springboot+vue+activiti集成了activiti在线编辑器,流行的前后端分离部署开发模式,快速开发平台,可插拔工作流服务。工作......
  • Vue3.0学习(一)
    1.Vue脚手架创建通过npm命令可以创建Vue3的脚手架工程:##创建工程npminitvite-app<project-name>##进入工程目录cd<project-name>##安装依赖npminstall##运行npmrundev2.关于setupVue中支持两种Api风格:选项式、组合式。官网中解释:使用选项式API,我们可以用......
  • vue3 预览照片的插件 v-viewer
    查看图片主要使用的旋转、翻转、缩放、上下切换、键盘操作等功能都有。1、首先是安装pnpminstallv-viewerviewerjs 2、安装完在引用(还要记得引用它的css样式)下面有两种调用方式<scriptlang="ts"setup>importViewerfrom'v-viewer';import'viewerjs/dist/vi......