日々精進

新しく学んだことを書き留めていきます

vue.jsとbootstrapを一緒に使った場合、radio buttonのv-onイベントが効かなくなる

原因はdata-toggle="buttons"属性が付いていること。 この問題は以下のIssueで報告されているが、

github.com

以下のIssueで対応されているので最新版のVue.jsでは直っているかも知れない。

github.com

とりあえず、この問題が発生したらdata-toggle="buttons"属性を削除し、クリックされたときにactiveクラスを付ける処理を 自分で実装すれば直る。

「vue.common.js:568 TypeError: Cannot read property 'show' of undefined」エラー

最近Vue.jsを使ってアプリを作ってます。 画面を表示させると、「vue.common.js:568 TypeError: Cannot read property 'show' of undefined」がConsoleに表示された。 原因はv-on:clickで指定したイベントハンドラが定義されていなかったこと。 イベントハンドラを定義したらなおった。メッセージわかりにくい。。

参考:

vue.jsでinputがバインドできない謎のエラーが発生した – garicchi.com

HTMLのtableタグ内で、colspanを使って複数列をまとめた時に、各列のwidthを指定する方法

tdにwidthを指定しても効かなくて困った。以下で各列の幅を指定出来る。 * tableタグにtable-layout: fixed;を設定する * colタグを使って各列のwidthを指定する

詳しくは以下サイトのサンプルコード参照。

stackoverflow.com

pip install kerasを実行すると「Failed building wheel for pyyaml」エラーその2

anton0825.hatenablog.com

上記記事でpip install kerasでのエラーはpipをupdateすると直ると書いたけど、それは勘違いで直ってなかったorz

正しくは、開発バージョンをインストールすればよく、anaconda navigatorのEnvironment から現在の環境とnot installedを選択し、kerasで検索してインストールすると直った。