Question

我有一个身份验证页面，并且有一个复选框。我的主要想法是切换表单，如果我想显示“注册表单”，请勾选“已经有一个帐户”；如果未选中，我想显示登录表单。

我遵循了this的示例，这就是我在标签中得到的内容：

<div id='#selector'>
<div class="container">
  <label class="bs-switch">
    Already have an account
    <input type="checkbox" v-model="checked">
    <span class="slider round"></span>
  </label>
  <div class="row" v-if="checked">
  </div>
</div>
</div>

我没有复制整个表单，这只是默认的引导程序登录页面。

在我的标签内：

import Vue from 'vue'

var app = new Vue({
  el: '#selector',
  data: {
    checked: false
  }
});

它确实显示了复选框，但是没有显示我的登录卡。错误：

“实例”中未定义属性或方法，但在渲染过程中引用了该属性或方法。

和

在'!! babel-loader！../../../ node_modules / vue-loader / lib /中找不到
“导出'默认'（导入为' vue_script '）。选择器？type = script＆index = 0！./ Auth.vue'

我想念什么？

Answer 1

好吧，我已经设法自己修复了。我不必导入Vue或创建新的vue元素。我只是使用了数据功能：

export default {


data: function() {
    return {
      checked: false
    }
  }
}

通过单击复选框切换div（Vue.js）

1 个答案: