未経験からweb系?のエンジニアとなってベンチャー企業で働いている駆け出しプログラマのブログ。日々得られたIT関連の技術的な知見を共有します
Google map api をVue.js(Nuxt.js)のコンポーネントで利用する方法
やりたいこと 結論 参考 やりたいこと 一般的にGoogle map api をwebアプリケーションで使おうとしたとき、例えば以下のような感じで利用する。 html <!DOCTYPE html> <html> <head> <title>Simple Map</title> <style> #map { height: 100%; width: 100%; } </style> <script src="https://maps.googleapis.com/maps/api/js?key={API_KEY}&callback=initMap&libraries=places&v=week…
Vue.jsでVuexを使わずに他コンポーネントのプロパティやメソッドを操作する方法
はじめに 親コンポーネントにアクセスする方法 $parent provide/injectによる依存性注入 子コンポーネントにアクセスする方法 ref属性 それぞれの注意点 参考 はじめに 本記事は編集中なので、全方法は網羅していません。 ググったときにvuexとかばかり出てきて忘れてしまうので、早見表みたいな位置づけです。 コードも具体的な呼び出し方を示すためのみで、コンポーネントとしての動作は確認していないので注意が必要です。 (公式にもほぼおなじ記事があったのでそっちの方見たほうがよさそう) 親コンポーネントにアクセスする方法 $parent $parentを使うと、1個上のコンポーネン…
「ブログリーダー」を活用して、damakoさんをフォローしませんか?
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。