cloudnote_web/components/account/register.vue

<template>
  <el-form ref="form" :model="form" label-width="80px">
    <el-form-item :label="$t('account.form.user')">
      <el-input v-model="form.user" :placeholder="$t('account.form.input_user',{user:$t('account.form.user')})"></el-input>
    </el-form-item>
    <el-form-item :label="$t('account.form.password')">
      <el-input v-model="form.password" type="password" :placeholder="$t('account.form.input_password',{password:$t('account.form.password')})"></el-input>
    </el-form-item>
    <el-form-item :label="$t('account.form.confirmPwd')">
      <el-input v-model="form.confirmPwd" type="password" :placeholder="$t('account.form.input_password',{password:$t('account.form.password')})"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onRegister(form.user,form.password)">{{$t('account.register')}}</el-button>
    </el-form-item>
  </el-form>
</template>

<script lang="ts">

  import Vue from 'vue'

  export default Vue.extend({
    name: 'register',
    data(){
      return {
        form:{
          user:'',
          password:'',
          confirmPwd:''
        }
      }
    },
    props:{
      onRegister:Function
    }
  })
</script>