vue でモーダルウィンドウに複数の種類のコメントを表示する

Sat, 02 Jan 2021 10:31:00 +0900

vue でモーダルウィンドウに複数の種類のコメントを表示する

postItem変数を介して、親から子へと情報をやり取りする。

コードサンプル

親js

  
new Vue({  
  
data:{postItem},  
methods:{  
  
openModal: function (item) {  
      console.log("openModal "+item)  
      this.showContent = true  
      this.postItem = item  
      console.log("this.postItem "+this.postItem)  
    },  
closeModal: function () {  
      console.log("closeModal")  
      this.showContent = false  
    },  
}  
})

子js

vue.jsでtodoリスト作成したった

Tue, 13 Oct 2020 02:03:00 +0900

ウェブアプリを練習で作りたくなったのでtodoアプリを作ってデプロイした。

手順などを記録しておく。

開発環境

macOS

firebase cli　のインストール

npm install -g firebase-tools

多分yarn add でも可

todo list の作成

Vue.jsとjavascriptについてはまだあんまり理解していない。

Vue.js on サブカル科学研究会のブログ

vue でモーダルウィンドウに複数の種類のコメントを表示する

vue でモーダルウィンドウに複数の種類のコメントを表示する

コードサンプル

vue.jsでtodoリスト作成したった

開発環境

firebase cli のインストール

todo list の作成

firebase cli　のインストール