【element-vue】浮动导航element写法

最新推荐文章于 2024-09-14 07:27:52 发布

前端小云儿

最新推荐文章于 2024-09-14 07:27:52 发布

阅读量1.1k

点赞数

分类专栏： vue elemenu-ui 文章标签： vue.js

本文链接：https://blog.csdn.net/jieweiwujie/article/details/122744518

版权

本文介绍了如何在Vue.js项目中使用Element UI库创建浮动导航。重点在于`app.vue`中的路由判断，确保登录页面不显示该导航。同时，文章会详细讲解具体的实现步骤和效果。

摘要由CSDN通过智能技术生成

1app.vue路由要判断为什么判断是因为登录页面不需要；

 watch: {
    $route: (to) => {
      if (to.path === "/login") {
        document.getElementById("main").style.display = "none";
      } else {
        document.getElementById("main").style.display = "block";
      }
    },
  },

2 写法

 <ul class="main-div-content" id="main-div-content">
      <el-tooltip
        popper-class="student-light-tooltip-el"
        effect="light"
        placement="left"
      >
        <div slot="content" @click="clickAsk" class="slot-style">我要咨询</div>
        <li><img src="./assets" /></li>
      </el-tooltip>
      <el-tooltip
        popper-class="student-light-tooltip-phone-el"
        effect="light&#