やろうとしていること
nuxt.jsを使ってサインアップとサインインの機能を作ろうとしています。
やったこと
・pagesディレクトリにchatsというディレクトリを作成し、chats内ではチャットのように文字が打てるようになっていて、打った文字も非同期的に表示されるようになります。
・そのページの左上にサインインとサインアップへのリンクがrouter-linkで作られていて、それぞれの画面へ行く
問題
・サインアップで新しい名前とメールを入れると、document.locationでルートへリダイレクトするのですが、そのあとにサインアップ画面へ行くと、入力した値が消えている。=>ページが遷移しても値が保存されているようにしたい。
・サインインのフォルダとサインアップのフォルダをpagesの中にそれぞれ作っているのですが、サインイン時にはサインアップのフォルダの中にあるsignup.jsのdataのusernamesとemailsを引っ張ってきて、その中にサインイン時に入力したusernameとemailが入っているかを判定したいです。が、やり方がよくわかりません。。。signupのデータをインポートすることはしてみました。
signin.js
1import userparams from "../registration/signup" 2 3export default { 4 name: "signin", 5 methods: { 6 signing_in() { 7 if(this.username === this.validname && this.email === this.validemail) { 8 return document.location = "/" 9 } 10 } 11 }, 12 data() { 13 return { 14 username: "", 15 email: "", 16 validname: "yutaro", 17 validemail: "a302012040@gmail.com" 18 } 19 } 20}
signup.js
1export default { 2 name: "signup", 3 methods: { 4 signing_up() { 5 this.usernames.push(this.registration_username) 6 this.emails.push(this.registration_email) 7 this.registration_username = "" 8 this.registration_email = "" 9 console.log(this.usernames) 10 console.log(this.emails) 11 return document.location = "/" 12 } 13 }, 14 data() { 15 return { 16 registration_username: "", 17 registration_email: "", 18 usernames: ["yutaro", "aaaaa"], 19 emails: ["a302012040@gmail.com", "aaaaa"] 20 } 21 } 22} 23
現在、nuxt.jsを触り始めて3日目です。
同時にvue.jsについても調べているのですが、まだまだよくわかっていません。
問題定義事態に欠陥があるかもしれませんがよろしくお願いいたします。
あなたの回答
tips
プレビュー