質問編集履歴

1 題名の変更

kazoogon

kazoogon score 272

2018/06/13 20:59  投稿

bootstrap navbarにvue.jsのモーダル開く実装 → pointer: cursor; が効かない場合の対処
bootstrap navbarにvue.jsのモーダル開く実装 → pointer: cursor; が効かない
現状
---
Laravel5.5, vue.jsを使用しアプリを開発中
問題点
---
navbar部分で一つmodalを開くように実装(contact部分)
```
<div class="collapse navbar-collapse" id="app-navbar-collapse">
<ul class="nav navbar-nav">
<a class="navbar-brand" href="{{ url('/about_us') }}">
about us
</a>
<a class="navbar-brand" href="{{ url('/blog') }}">
Blog
</a>
<a class="navbar-brand" id="show-modal" @click="showModal = true">
Contact
</a>
<a class="navbar-brand" href="{{ url('/mypage/chat') }}">
Chat
</a>
//以下省略
```
しかしこの場合,
cursor: pointer; が効かない
 →contactのa部分にクラス付与(単純にclass="contact"), cssで操作
 →これでも良いが他に何か賢い方法はないのか??
 
と思っております、よろしくお願いいたします。
  • Bootstrap

    1790 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

  • Laravel 5

    3070 questions

    Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

  • Vue.js

    2339 questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る