vue 小程序下拉组件封装

<template>
  <div>
    <picker @change="selectChange" :value="selectIndex" :range="selectData" range-key="name">
      <view class="picker">
        {{ selectData[selectIndex].name }}
      </view>
    </picker>
  </div>
</template>

<script>
export default {
  props: { //接收传过来的数据
    selectData: Array,
    selectIndex: Number,
  },
  onLoad() {  //页面第一次加载
    console.log('打开select组件：')
  },
  methods: {  //方法
    selectChange: function (e) {
      let index = e.target.value;
      let data = {data: this.selectData[index], index: index};
      this.$emit('mySelectChange', data)
    },
  }
}
</script>

<style scoped>

</style>