当前位置： 移动技术网 > IT编程>网页制作>技巧 > AntD Select 选择器设置默认选中项

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

2020年07月17日  | 移动技术网IT编程  | 我要评论

没什么可说的直接放代码

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网