Antd for vue 下拉列表

<template>
  <a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 2 }">
    <a-form-item label="Gender">
      <a-select
        placeholder="Select a option and change input text above"
        @change="handleSelectChange"
      >
        <a-select-option :value="item.eid" v-for="(item,index) in list" :key="index">{{item.eid}} </a-select-option>
      </a-select>
    </a-form-item>
  </a-form>
</template>

<script>
import { Name } from '../components/network/api'
export default {
  data() {
    return {
      formLayout: "horizontal",
      form: this.$form.createForm(this, { name: "coordinated" }),
      list:[],
    };
  },
  mounted(){
    Name().then(res => {
        console.log(res.data);
        this.list = res.data.result
      })
  },
  methods: {
    handleSelectChange(value) {
      console.log(value);
    },
  },
};
</script>

重归的第一天!!!come on……

posted @ 2020-11-27 00:29  戏子薄情、薄如一命  阅读(677)  评论(0编辑  收藏  举报