前端vue实现下拉框功能

img


我想在密码栏下面加一个号码，这个号码是个下拉框，可以选择不同的号码，应该怎么实现呀


<template>

<div >
  <a-row type="flex" style="padding-top:50px; padding-bottom:50px">
    <a-col :flex="6">a-col>
    <a-col :flex="1" style="padding:20px 50px 50px 200px" ><a-card title="用户登录" style="width:400px;"> 
      <a-form-model class="user-layout-login" @keyup.enter.native="handleSubmit">
      <a-tabs :activeKey="customActiveKey" :tabBarStyle="{ textAlign: 'center', borderBottom: 'unset' }"  @change="handleTabClick">
        <a-tab-pane key="tab1" tab="账号密码登录">
          <login-account ref="alogin" @validateFail="validateFail" @success="requestSuccess" @fail="requestFailed">login-account>   
        a-tab-pane>
 
         
         
      a-tabs>
  
      <a-form-model-item>
      
        <a-checkbox @change="handleRememberMeChange" default-checked>自动登录a-checkbox>
        <router-link :to="{ name: 'alteration'}" class="forge-password" style="float: right;">
          忘记密码
        router-link>
        <router-link :to="{ name: 'register'}" class="forge-password" style="float: right;margin-right: 10px" >
          注册账户
        router-link>
      a-form-model-item>

      <a-form-item style="margin-top:24px">
        <a-button size="large"  type="primary"  htmlType="submit"  class="login-button"  :loading="loginBtn"  @click.stop.prevent="handleSubmit" :disabled="loginBtn">确定
        a-button>
      a-form-item>

    a-form-model>

    <two-step-captcha v-if="requiredTwoStepCaptcha" :visible="stepCaptchaVisible" @success="stepCaptchaSuccess" @cancel="stepCaptchaCancel">two-step-captcha>
    <login-select-tenant ref="loginSelect" @success="loginSelectOk">login-select-tenant>a-card> a-col>
  a-row>
  
    
  div>

template>

这个是前端此处的代码，应该怎么加