首页 > 其他分享 >AcwSpringbootke3,导航栏

AcwSpringbootke3,导航栏

时间:2023-11-25 21:33:41浏览次数:33  
标签:AcwSpringbootke3 js 跳转 组件 router 导航 我们

点击导航栏就跳转到我们的网址,网址用路由跳转到我们的每一个页面组件

注意
1一般vue命名两个字母大写
2style加scope可以不会影响我们组件以外的部分

js
3index.js加入我们写的路劲
image
4router代表传到这个路劲path我调用哪个页面name,组件是哪个component
5注意router是从上往下匹配路径的,,根目录就重定向到我们的pk界面image
6改点击导航栏就跳转到我们的网址
7NavBar.vue如何让我们网页不刷新呢, 我们每点击一个导航栏就会网页刷新 router给我们了一个元素router-link,:to="{name: 'home'}"代替src
8上面index.js为什么写name呢就是为我们router-link准备的
9如何让他内容在我们白色的框里面扩起来,bootstrap里面就是card
10自动补全快捷方式image
11公用的白色框框就可以用一个组件,以后的内容写在slot里面
image
12实时计算api如果是当前页面就加上cative导航栏亮

import { Computed } from 'vuex'

13要用我们js写的返回值到就要加上冒号
image
14alt键加上光标就可以多光标选

标签:AcwSpringbootke3,js,跳转,组件,router,导航,我们
From: https://www.cnblogs.com/fhwudi/p/17856008.html

相关文章

  • 5G+车联网加速融合,看华测导航车高精度模组如何抢占市场高地!
     近年来,智能汽车领域的关注度一直居高不下,打开微博,经常可以看到华为汽车、比亚迪等热门车型的讨论。事实上,随着新能源汽车的快速崛起,汽车行业实现了智能化转型。目前,我国作为全球最大的车辆及出行服务市场,未来在智能驾驶应用领域有着广阔的发展空间,L2+辅助驾驶已逐步成为我国发......
  • Vue实现动态路由导航
    Vue实现动态路由导航:https://blog.csdn.net/weixin_65950231/article/details/128983010?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170080675716800186579799%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=17008067571680018657......
  • 【HarmonyOS】初识ArkUI——快速实现页面导航之Tabs
    ​ 【关键字】HarmonyOS、ArkUI、Tabs、自定义导航栏、底部导航 1、写在前面今天来介绍一下如何通过ArkUI来实现应用中常见的导航效果——底部导航,我们是通过Tabs来实现,并且会使用自定义导航栏的形式来构建,参考文档:https://developer.harmonyos.com/cn/docs/documentation/d......
  • 【HarmonyOS】初识ArkUI——快速实现页面导航之Navigation
    ​【关键字】HarmonyOS、ArkUI、Navigation、自定义导航栏、底部导航 1、写在前面今天继续来介绍如何通过ArkUI来实现应用中常见的导航效果——底部导航,上一篇中介绍了Tabs的实现方式,今天来介绍另一种组件Navigation,参考文档:https://developer.harmonyos.com/cn/docs/documen......
  • 微信小程序隐藏导航栏首页按钮
    隐藏“返回首页”按钮1、微信7.0.7版本起,当用户打开的小程序最底层页面是非首页时,默认展示“返回首页”按钮,开发者可在页面onShow中调用hideHomeButton进行隐藏。asynconShow(){uni.hideHomeButton()},2、uniapp通过pages.json隐藏返回首页”按钮{......
  • 微信小程序商店导航网站系统模板源码
    微信小程序商店导航网站系统源码是基于帝国cms开源程序开发的一款小程序二维码收录大全的导航系统。模板源码无任务限制,可以随便修改成喜欢的页面,有能力者可以二次开发。本小程序导航网站源码前端自适应手机WAP页面。适用范围:微信小程序导航网站、微信公众号导航网站、微......
  • Docker部署Homarr | 体验感极佳的NAS导航页
    一、简介Homarr是一个简单而轻量级的服务器主页,可帮助您在一个地方轻松访问所有服务。它与您用于在主页上显示信息的服务集成二、搭建Homarr绿联DX4600为例,首先我们打开Docker管理器,进入镜像管理,然后在镜像仓库中搜索truecharts/homarr​,选择latest​版本并下载。​​......
  • Docker部署home-page | 一个极简导航页
    一、介绍一款极简且功能足够你使用的个人导航网页二、搭建home-page绿联DX4600为例,首先我们打开Docker管理器,进入镜像管理,然后在镜像仓库中搜索kahosan/home-page​,选择latest​版本并下载。​​下载完成后,我们在本地镜像中找到刚刚下载的镜像,点击创建容器,起一个英文......
  • Docker部署home-page | 一个极简导航页
    一、介绍一款极简且功能足够你使用的个人导航网页二、搭建home-page绿联DX4600为例,首先我们打开Docker管理器,进入镜像管理,然后在镜像仓库中搜索kahosan/home-page​,选择latest​版本并下载。​​下载完成后,我们在本地镜像中找到刚刚下载的镜像,点击创建容器,起一个英文......
  • 手机直播源码,导航栏侧滑手势启用/禁用弃用正确姿势
    手机直播源码,导航栏侧滑手势启用/禁用弃用正确姿势一般我们如此设置手势侧滑(1.先建一个NAV的子类.然后重写Push方法) -(void)pushViewController:(UIViewController*)viewControlleranimated:(BOOL)animated{  if(self.viewControllers.count>=1){    vi......