小编Vip*_*Rai的帖子

Bulma 的导航栏错误无法连接到 Vue.js 2 中的菜单项

我正在尝试为我的应用程序实现一个导航栏,其前端是使用 Vue 2.0 和 Bulma 构建的。它在桌面上运行良好,但在较小的屏幕上显示汉堡图标但不显示任何元素。它只是现在。

<template>
<div class="container is-fluid">
    <div>
      <nav class="navbar is-dark">
        <div class="navbar-brand">
          <a class="navbar-item" href="#">
              <img  alt="K R O N O S" height="100px">
          </a>
          <div class="button navbar-burger" data-target="navMenu">
              <span></span>
              <span></span>
              <span></span>
        </div>
        </div>
        <div class="navbar-menu" id="navMenu">
          <div class="navbar-end">
            <div class="navbar-item">
              <a class="" href="#"> Docs </a>
            </div>
            <div class="navbar-item ">
              <a class="" href="#"> Report </a>
            </div>
            <div class="navbar-item">
              <a class="">More</a>
            </div>
            <div class="navbar-item">
              <a class="">Logout</a>
            </div>
        </div>
      </div>
    </nav>
  </div>
</div>
</template>

<script>

document.addEventListener('DOMContentLoaded', function () { …
Run Code Online (Sandbox Code Playgroud)

css vue.js vue-component vuejs2 bulma

3
推荐指数
1
解决办法
1923
查看次数

标签 统计

bulma ×1

css ×1

vue-component ×1

vue.js ×1

vuejs2 ×1