vue 登陆页面

最新推荐文章于 2024-05-27 18:50:16 发布

Fantasy嘿

最新推荐文章于 2024-05-27 18:50:16 发布

阅读量148

点赞数

分类专栏：编程代码文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_50794535/article/details/128151054

版权

本文主要介绍如何使用Vue.js框架创建一个登录页面，重点在于页面样式的实现，其他功能可以根据具体需求进行定制。

摘要由CSDN通过智能技术生成

vue 框架主要看样式，其他的根据需求改

<!-- 登陆 -->
<template>
  <div class="login">
    <div class="loginTop">欢迎登陆</div>
    <div class="loginContent">
      <input
        type="text"
        name="phone"
        class="phone"
        v-model="phone"
        placeholder="请输入手机号"
        required
      />
      <input
        type="text"
        name="password"
        class="password"
        v-model="password"
        placeholder="请输入密码"
        required
      />
      <div>
        <button class="btn" @click="login">登陆</button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phone: