カテゴリー
サインイン 新規登録

間違いや改善の指摘

内容の技術的な誤り・誤字脱字やミスのご報告・解説やトピックの追記/改善のご要望は教材をさらに良くしていく上でとても貴重なご意見になります。

少しでも気になった点があれば、ご遠慮なく投稿いただけると幸いです🙏

実際には誤りではなく勘違いであっても、ご報告いただけることで教材のブラッシュアップにつながります。

質問ポリシー①

教材受講者みなさんのスムーズな問題解決のために、心がけていただきたいことがあります。

教材の内容に関する質問を投稿しましょう

教材の内容に関係のない質問や教材とは異なる環境・バージョンで進めている場合のエラーなど、教材に関係しない質問は推奨していないため回答できない場合がございます。

その場合、teratailなどの外部サイトを利用して質問することをおすすめします。教材の誤字脱字や追記・改善の要望は「文章の間違いや改善点の指摘」からお願いします。

3-5

データを投稿できるようにしよう

現在のパート (2)
全パート (34)
みんなで助け合おう!
現在のパートのディスカッション 全2件
3-5
micabi 2020-05-09
質問です

v-on:clickでメソッドを呼び出すときの書き方について

モーダルの表示・非表示でメソッドtogglePostModalを2箇所で呼び出していますが、
ツールバーでの書き方とモーダル内ボタンの書き方では( )の有無で違いがありますね?

どちらの書き方も試してみましたが動作に違いはないようなのです。
何か違いがあるのでしょうか?

Copied!
モーダル内のボタンのところ ← ( )なし Cancel Add Snippet
Copied!
ツールバーのところ Snippet App New Snippet ← ( )あり
3-5
やわら 2020-02-15
質問です

CreateFormは表示できたが ADD SNIPPETで投稿ができない

ruby 2.5.1p57 / Rails Rails 5.2.4.1

## コード
○Javascript

  new Vue({
    el: '#app',
    data () {
      return {
        snippetList: ['',''],
        allData: ['',''],
        dialogPostFlag: false,
        postTitle: '',
        postLanguage: '',
        postContents:'',

        dialogPutFlag: false,
        putTitle: '',
        putLanguage:'',
        putContents:'',

        dialogDeleteFlag: false,
        deleteTitle:'',
        deleteLanguage:'',
        deleteContents:'',
      }
    },
    mounted () {
      this.listSnippet();
    },
    methods: {
      listSnippet: function(){
        axios.get('/snippets.json')
          .then(response => {
            this.allData = response.data
            this.snippetList = this.allData
          }
        );
      },

      togglePostModal: function(){
        this.dialogPostFlag = !this.dialogPostFlag
      },
      PostSnippet: function(){
        axios.post('/snippets.json', {title:this.postTitle, language:this.postLanguage, contents:this.PostContents})
          .then(response => {
            this.listSnippet();
            this.postTitle = ''
            this.postLanguage = ''
            this.postContents = ''
          }
        );
        this.dialogPostFlag = !this.dialogPostFlag
      },

裏でデータははいっているが表示はされていないか確認しましたが
データベースにもデータがはいっていないので保存もできていないようです。

image

image

image