4.3. 提交注册信息

本教程最新版为 2.6,当前版本已放弃维护,请阅读最新版本!

简介

本小节中,我们将提交注册信息,同时新建一个消息组件,来显示一个提示。

封装 localStorage

src/utils 下新建 localStorage.js 文件,复制贴入以下代码:

src/utils/localStorage.js

const ls = localStorage

export default {
  setItem(name, value) {
    ls.setItem(name, JSON.stringify(value))
  },
  getItem(name) {
    try {
      return JSON.parse(ls.getItem(name))
    } catch (e) {
      return null
    }
  },
  removeItem(name) {
    ls.removeItem(name)
  }
}

我们这里对 localStorage 做了简单的封装,以便于存取数据。

提交注册信息

打开 src/views/auth/Register.vue 文件,复制以下代码进行替换:

src/views/auth/Register.vue

<template>
  <div class="row">
    <div class="col-md-4 col-md-offset-4 floating-box">
      <div class="panel panel-default">
        &...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 5