主页 / 问题 / 1346220
Accepted
EvilBDSM
Asked:2022-04-05 23:16:05 +0000 UTC2022-04-05 23:16:05 +0000 UTC

为什么从不满足 v-else？

  • 772

我有 2 个输入：登录名和密码。如果您输入正确的用户名和密码，将显示“欢迎”。如果输入无效：“登录失败”（v-else）

错误的输入问题：v-else 从未被处理...无法弄清楚为什么...

其余的 - 可以正常工作。

索引.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IF-ELSE: Задание 2 (1 балл)</title>
</head>

<body>
    <div id="app">
        <input type="text" name="login" v-model="login" placeholder="Введи логин">
        <input type="text" name="password" v-model="password" placeholder="Введи пароль">
        <div v-if="login && password">
            <p v-if="(login === 'toma') && (password === '123')"><b>Добро пожаловать</b></p>
            <p v-else-if="(login === 'petya') && (password === '777')"><b>Добро пожаловать</b></p>
            <p v-else-if="(login === 'olya') && (password === '456')"><b>Добро пожаловать<b></p>
            <p v-else><b>Ошибка входа</b></p>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="index.js"></script>
</body>

</html>

index.js

const vm = new Vue({
    el: '#app',
    data: {
        login: '',
        password: '',
    },
});
vue.js

1 个回答

  1. Best Answer

    <b>你没有关闭倒数第二个标签。一切都适合你。使用现代开发工具。此类错误应由编辑跟踪。 

    const vm = new Vue({
    el: '#app',
    data: {
        login: '',
        password: '',
    },
});
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
<div id="app">
  <input type="text" name="login" v-model="login" placeholder="Введи логин">
  <input type="text" name="password" v-model="password" placeholder="Введи пароль">
  <div v-if="login && password">
    <p v-if="(login === 'toma') && (password === '123')"><b>Добро пожаловать</b></p>
    <p v-else-if="(login === 'petya') && (password === '777')"><b>Добро пожаловать</b></p>
    <p v-else-if="(login === 'olya') && (password === '456')"><b>Добро пожаловать</b></p>
    <p v-else><b>Ошибка входа</b></p>
  </div>
</div>

    • 2

相关问题