[英]How to convert html,js,css files into SFC using vue?
我正在嘗試使用 Vue 將 html、js、css 文件轉換為單個文件組件。 我已經定義了表單“logininfo”,但命令行中出現一條錯誤消息,指出“logininfo”未定義。 所以我無法檢查登錄表單是否正常工作。 我已經在表單 id 中定義了“登錄信息”,並在腳本文件中將其導出。
<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. ");
}
}
}}
由於您在嵌套函數內引用組件數據,因此需要保留對對象的作用域引用。
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;
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.