teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

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

2020/03/30 22:06

投稿

ryoooos
ryoooos

スコア11

title CHANGED
File without changes
body CHANGED
@@ -76,4 +76,41 @@
76
76
  </form>
77
77
  </div>
78
78
 
79
+ ```
80
+
81
+ 追記
82
+
83
+ ```
84
+ var app = new Vue({
85
+ el: "#app",
86
+ data: {
87
+ card: {
88
+ number: "",
89
+ cvc: "",
90
+ exp_month: "",
91
+ exp_year: "",
92
+ }
93
+ },
94
+ methods: {
95
+ addCard: function(event) {
96
+ Payjp.createToken(this.card, (status, response) => {
97
+ debugger
98
+ if (status == 200) {
99
+ this.number = ""
100
+ this.cvc = ""
101
+ this.exp_month = ""
102
+ this.exp_year = ""
103
+ $("#card_token").append(
104
+ $('<input type="hidden" name="payjpToken">').val(response.id)
105
+ );
106
+ document.chargeForm.submit()
107
+ alert("登録が完了しました")
108
+ } else {
109
+ alert("カード情報が不正です")
110
+ }
111
+ })
112
+ }
113
+ }
114
+ })
115
+
79
116
  ```