时间戳

首页 > 解决方案 > 如果 id div 被删除，为什么在 Vue 中输入电子邮件验证不起作用

vue.js - 如果 id div 被删除，为什么在 Vue 中输入电子邮件验证不起作用

问题描述

我对 Vue.js 很陌生，我想在这个codepen（不是我的）中学习为什么如果我们删除 id="app" 的 div 无法呈现电子邮件验证器输入字段。

<div class="container" id="app">
  <div :class="['input-group', isEmailValid()]">
    <span class="input-group-addon" id="basic-addon1"><span class="fa fa-envelope"></span></span>
    <input type="email" class="form-control" placeholder="Email Address" v-model="email" />
  </div>
</div>

我想在我的单个文件组件即（.vue）中起诉这个电子邮件验证器输入字段，如果我添加属性el: '#app'仍然无法在控制台中找到元素应用程序。即使我保持div与id="app"

我试过这个：

  <div :class="['input-group', isEmailValid()]"  id="app>
    <span class="input-group-addon" id="basic-addon1"><span class="fa fa-envelope"></span></span>
    <input type="email" class="form-control" placeholder="Email Address" v-model="email" />
  </div>

将其放入我的单个文件组件中，但它不起作用！

标签： vue.jsvuejs2vue-component

解决方案

这是因为 Vue 不知道挂载在哪里。

new Vue({ el: '#app'在脚本中看到？如果要更改 id，请同时更改 div id 和el值。如果删除它，则需要找到另一种安装方式。

推荐阅读