cloudnote_web/components/account/login.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('input_please',{keyword:$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('input_please',{keyword:$t('account.form.password')})"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onLogin(form.user,form.password)">{{$t('account.login')}}</el-button>
    </el-form-item>
  </el-form>
</template>

<script lang="ts">

  export default {
    name: 'login',
    data(){
      return {
        form:{
          user:'',
          password:''
        }
      }
    },
    props:{
      onLogin:Function
    }
  }
</script>