码迷,mamicode.com
首页 > 其他好文 > 详细

Antd for vue 下拉列表

时间:2020-12-01 12:40:48      阅读:14      评论:0      收藏:0      [点我收藏+]

标签:temp   result   api   log   hang   work   div   col   method   

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

Antd for vue 下拉列表

标签:temp   result   api   log   hang   work   div   col   method   

原文地址:https://www.cnblogs.com/gzw-23/p/14045579.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!