首页 > 其他分享 >关于在vue里面使用导航栏需要注意的事项

关于在vue里面使用导航栏需要注意的事项

时间:2023-09-11 23:44:39浏览次数:37  
标签:vue 里面 导航 内容 事项 右侧 路由

1、右侧内容的显现

右侧内容由el-main标签包围,需要在里面填上:

内容才能成功显现!

2、路由所在

不仅仅要在APP.vue里面放路由:

还要在Index.vue里面放置:

初学小白找这个错误找了好久!

标签:vue,里面,导航,内容,事项,右侧,路由
From: https://www.cnblogs.com/liuzijin/p/17694877.html

相关文章

  • vue--day83---路由的params参数
    1.配置路由,声明接收params参数   ```js  {  path:'/home',  component:Home,  children:[  {  path:'news',  component:News  },  {  component:Message,  children:[  {  name:'xian......
  • vue--day82--命名路由
    ###5.命名路由 1.作用:可以简化路由的跳转。 2.如何使用   1.给路由命名:    ```js   {   path:'/demo',   component:Demo,   children:[   {   path:'test',   component:Test,   ......
  • 解决导航栏“同进同出”的问题--点击一个导航栏,其他的也会有相同的操作发生
    问题描述导航栏一同受到一个操作的影响;问题解决使用index参数进行解决:注意点:1、index的参数在item后面;2、index参数在遍历时,需要转换成字符串类型;......
  • 自写vue导航栏--动态读取js的数据
    App.vue<template><el-containerclass="layout-container-demo"style="height:500px"><el-asidewidth="200px"><el-scrollbar><!--<el-menu:default-openeds="['1'......
  • SSM SpringBoot vue快递柜管理系统
    SSMSpringBootvue快递柜管理系统系统功能登录注册个人中心快递员管理用户信息管理 用户寄件管理配送信息管理寄存信息管理开发环境和技术开发语言:Java使用框架:SSM(Spring+SpringMVC+Mybaits)或SpringBoot前端:vue数据库:Mysql架构:B/S源码类型......
  • vue-cli
    1.安装node.js下载链接:Node.js百度网盘链接  提取码:6666安好后使用cnpm-v查看版本是否成功成功后直接安装vue脚手架cnpminstall-gvue-cli安装webpack(打包)cnpminstallwebpack-g2.创建项目2.1使用命令创建vuecreate项目名称待项目完成后使用cd......
  • ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选,数据回显勾选
    需求在使用antdesignofvue的table表格时需要让之前已选择的数据显示勾选状态,还要支持跨页勾选思路需要指定row-key绑定的值必须唯一ant-design-vue的表格对于跨页勾选支持的非常友好,只要设置绑定一下rowKey就可以了,我这里绑定的是workerId代码<!--表格--><a-......
  • vue中使用xlsx插件前端读取解析excel文件
    问题描述工作中一般都是后端去解析excel数据,前端使用上传组件去将excel组件丢给后端,后端使用一些插件去解析excel(比如hutool工具类)不过有些情况下,前端也需要去做一些excel的解析,比如产品经理说,在上传excel文件之前,要做一个excel的图表化预览审核查看啥的,没问题的话,再丢给后端去......
  • 基于PHP vue2+element+ laravel8+ mysql开发的不良事件管理系统源码
    技术架构:PHP vue2+element+laravel8+mysql5.7+vscode不良事件上报系统通过“事前的人员知识培训管理和制度落地促进”、“事中的事件上报和跟进处理”、以及“事后的原因分析和工作持续优化”,结合预存上百套已正在使用的模板,帮助医院从对护理事件、药品事件、医疗器械事件、......
  • Vue、element图片上传回显
    需求:使用element的上传组件,上传图片,回显图片(可无实际上传:不调后台接口)   ......