AntD Select 选择器设置默认选中项

最新推荐文章于 2022-07-11 16:16:14 发布

老赵不玩博客

最新推荐文章于 2022-07-11 16:16:14 发布

阅读量8.5k

点赞数

本文链接：https://blog.csdn.net/zxblogs/article/details/107394824

版权

Ant Design Vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

没什么可说的直接放代码

:default-value="{ key: defaultSheet }"

<template>
  <div class="wrapper">
    <a-select
      :default-value="{ key: defaultSheet }"
      class="new-from-preview-title-item"
      label-in-value
      style="width: 120px"
      @change="onSelectSheet"
    >
      <a-select-option v-for="(item,index) in file.sheetList" :key="index" :value="index">{{ item }}</a-select-option>
    </a-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      file: {
        sheetList: ['sheet1', 'sheet2','sheet3']
      },
      defaultSheet: 0
    }
  },
  methods: {
    onSelectSheet(val) {
      console.log(val)
    }
  }
}
</script>