今すぐ登録したい方へ
このブログから登録の多いエージェントは下記の3つです★
(リンクをクリックすると公式サイトに飛びます)
✅【ダントツの1位】フォスターフリーランス【案件保有数5000件以上。業界20年の超老舗】
こんにちは、mah(@RailsRubyMah6h)です。
このブログでは、
僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、
ノウハウなどを書いていきます。
今回は、
- 【Vue.js BootstrapVue】methodsでmodalをopen、closeする
について書いていきます。
【Vue.js BootstrapVue】methodsでmodalをopen、closeする
- 今すぐ登録したい方へ
- 【Vue.js BootstrapVue】methodsでmodalをopen、closeする
- Vue.jsや流行りのTypeScriptを学びたい人へ
- 最後に
- あわせて読みたい
やり方
- 開く
this.$bvModal.hide(modalのid)
- 閉じる
this.$bvModal.show(modalのid)
1、modalを開くボタンと、開閉したいmodalを作成
// some_component.vue <template> <div> // ボタン <b-button pill v-b-modal.sample-modal variant="primary">ログイン</b-button> // 開閉したいmodal <b-modal id="sample-modal" title="ログイン"> // modalの中身 </b-modal> </div> </template>
2、引数で指定したidを持つmodalを開く、もしくは閉じる
// some_component.vue <script> export default { methods: { openModal: function { // 開く this.$bvModal.show('sample-modal') }, closeModal: function { // 閉じる this.$bvModal.hide('sample-modal') } } } </script>
以上です。
Vue.jsや流行りのTypeScriptを学びたい人へ
Vue.js、TypeScript
、React.js
を学習するなら、Udemyの下記のコースがおすすめ★
(自分も全て受講しました)
- Vue.js
✅Vue.js + Firebaseで作るシングルページアプリケーション
- TypeScriipt
✅ハンズオンで学ぶ TypeScript - JavaScript エンジニアのための TypeScript徹底入門
- React.js
✅フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
最後に
下記の表に、
フリーランスエンジニア向けの人気エージェントをまとめてみました。
エージェント選びで悩んでいる方は是非参考にしてみてくださいね★
エージェント | 詳細 | 最高単価/月 | 設立 |
---|---|---|---|
エミリーエンジニア(emilee)
![]() |
評判をチェック | 100万円/月 | 2007年 |
ギークスジョブ
![]() |
評判をチェック
![]() |
100万円/月 | 2007年 |
フォスターフリーランス |
評判をチェック | 230万円/月 | 1996年 |
PE-BANK(pebank)
![]() |
評判をチェック | 200万円/月 | 1989年 |
Midworks(ミッドワークス) |
評判をチェック | 200万円/月 | 2013年 |
レバテックフリーランス |
評判をチェック |
140万円/月 | 2005年 |
あわせて読みたい
最後までお読み頂きありがとうございました★
もしよかったらTwiiterのフォローもお願いします★