[JavaScript知识库] vue3：上划第一行导航栏不固定，第二行导航栏变成第一行固定住

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> vue3：上划第一行导航栏不固定，第二行导航栏变成第一行固定住 -> 正文阅读

[JavaScript知识库]vue3：上划第一行导航栏不固定，第二行导航栏变成第一行固定住

<template>
  <div class="home">
    <div class="header">
      <div class="logo">logo</div>
      <div class="nav-list">
        <ul>
          <li>首页</li>
          <li>首页</li>
          <li>首页</li>
          <li>首页</li>
        </ul>
      </div>
    </div>
    <div class="nav" :class="navBarFixed == true ? 'navBarWrap' :''">第二行导航栏</div>
    <div class="banner"></div>
  </div>
  <div class="container"></div>
</template>

<script>
import { onMounted,ref } from "vue";
import {useTestStore} from '@/store/index';
import axios from "axios";
export default {
  name: "HomeView",
  //上划第一行导航栏不固定，第二行导航栏变成第一行固定住
  setup() {
    const navBarFixed = ref(false);