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

2022-08-02,,,,

没什么可说的直接放代码

  • :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>

本文地址:https://blog.csdn.net/zxBlogs/article/details/107394824

《AntD Select 选择器设置默认选中项.doc》

下载本文的Word格式文档,以方便收藏与打印。