hikaru217 https://blog.hatena.ne.jp/hikaru217/ 還暦過ぎたエンジニアの挑戦 https://blog.yutenji.biz/ 転ぶ前に読め 転ぶ前に読め-雑談 エンジニアの生態 挑戦-資格を目指す こんな記事（ディシジョンテーブルのこと ）で前置きが長くなってしまいましたが、 Vue.jsで簡単にブラウザ上の表示をコントロールできることに感激したので第2弾は 「3路スイッチの回路」 イメージです。 材料 スイッチはwebで使えるスイッチ で紹介したマテリアルアイコンを使います。 今回は2か所あります。 画像はランプがOFF状態の時のものとONの状態の時のものをソースの imgBathPath に指定したディレクトリに用意します。 スイッチのon/offで画像を差し替えるので、onの画像とoffの画像は大きさを揃えておくのがポイントです。 ランプがOFFの時の画像 ランプ点灯時の画像 スイ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.yutenji.biz%2Fentry%2F2020%2F05%2F30%2F153407" title="スイッチでランプを点けよう２【スイッチ】 - 還暦過ぎたエンジニアの挑戦" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hikaru217/20200529/20200529172422.jpg Hatena Blog https://hatena.blog 2020-05-30 15:34:07 rich https://blog.yutenji.biz/entry/2020/05/30/153407 1.0 100%