Buefy щелкнув ссылку, не перейдя в другой раздел

Question

Я пытаюсь сделать тег привязки, когда щелчок должен показать другой раздел, который является разделом создания, и скрыть основной раздел.

Однако всякий раз, когда я щелкаю по нему, я не показываю вместо этого раздел создания он по-прежнему отображает основной раздел.

HTML:

<section class="main-content columns is-fullheight">
  <aside class="column is-2 is-narrow-mobile is-fullheight section is-hidden-mobile">
    <ul class="menu-list">
      <li>
        <b-collapse :open="true" animation="slide" aria-id="contentIdForA11y3">
          <div
            slot="trigger"
            slot-scope="props"
            role="button"
            aria-controls="contentIdForA11y3"
          >
            <a href="#" class>
              <span class="has-text-orange">One</span>
            </a>
          </div>
          <div class="card-content subs">
            <li>
              <a href="#create" id = 'role-create1'>
                <span class="has-text-gray">Create</span>
              </a>
            </li>
          </div>
        </b-collapse>
      </li>
    </ul>
  </aside>
  <div class="main" id="create">
    create
  </div>
  <div class="main" id="main">
    main
  </div>
</section>

CSS:

#create {
  display:none;
}
aside.column.is-2.is-narrow-mobile.is-fullheight.section.is-hidden-mobile {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}
.main-content {
  //flex: 1;
}
@media screen and (max-width: 768px) {
  #menu-toggle:checked + .nav-menu {
    display: block;
  }
}

JavaScript:

const app = new Vue()
app.$mount('#app')