質問編集履歴

最後に、dataオプションを変更したコードを追記

2020/03/30 22:06

投稿

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -155,3 +155,77 @@
 ```
+追記
+```
+var app = new Vue({
+  el: "#app",
+  data: {
+    card: {
+      number: "",
+      cvc: "",
+      exp_month: "",
+      exp_year: "",
+    }
+  },
+  methods: {
+    addCard: function(event) {
+      Payjp.createToken(this.card, (status, response) => {
+        debugger
+        if (status == 200) {
+          this.number = ""
+          this.cvc = ""
+          this.exp_month = ""
+          this.exp_year = ""
+          $("#card_token").append(
+                      $('<input type="hidden" name="payjpToken">').val(response.id)
+          );
+          document.chargeForm.submit()
+          alert("登録が完了しました")
+        } else {
+          alert("カード情報が不正です")
+        }
+      })
+    }
+  }
+})
+```