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……


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM