<template>
  <div :question="question" :index="index" :pIndex="pIndex">
    <el-select v-model="dropdownData">
      <el-option v-for="(item, index) in question.choices" :key="index" :label="item.text || item.value || item" :value="item.value || item"></el-option>
      <el-option v-if="question.hasOther" :label="question.otherText" :value="question.otherText || $t('general.chkOther')"></el-option>
    </el-select>
  </div>
</template>

<script>
import Question from './Question'

export default {
  components: {
  },
  props: ['question'],
  mixins: [Question],
  data () {
    return {
      dropdownData: ''
    }
  }
}
</script>

<style scoped>

</style>
