Как преобразовать файлы html, js, css в SF C, используя vue?

Question

Я пытаюсь преобразовать файлы html, js, css в один файловый компонент, используя Vue. Я определил форму «logininfo», но в командной строке появляется сообщение об ошибке «logininfo» не определено. Поэтому я не могу проверить, правильно ли работает форма входа. Я определил 'logininfo' в форме идентификатора и когда я экспортирую его в файл скрипта.

<template>
<div id="login">
<form id="logininfo" method="POST"  @submit.prevent="onsubmit">

        Email: <input v-model="email" type="email">
        Password: <input v-model="password" type="password">
        <button v-on:click="login" id="login">Login </button> 
</form>
</div>

</template>
<script>

export default {
name: ‘logininfo’,
data() {

  email: "",
  password: ""
 },

  methods: {
    login: function () {
        var account = JSON.parse(localStorage.getItem('userdetails')).find(function(userdetails) {
            return (logininfo.email === userdetails.email && logininfo.password === userdetails.password) ? userdetails : null;
        });

        if(account) {
            window.location.href = "index.html?email=" + account.email;
        } else {
            alert("Email has not been identified. ");
        }
     }
}}

Answer 1

Поскольку вы ссылаетесь на данные компонента внутри вложенной функции, вам необходимо сохранить привязанную к объекту ссылку на объект.

function () {
var self = this;
var account = JSON.parse(localStorage.getItem('userdetails')).find(function(userdetails) {
    return (self.email === userdetails.email && self.password === userdetails.password) ? userdetails : null;
});