<template> <div> <el-select v-model="scope.row.callBackReason" :placeholder="options.length?'请选择':'暂无数据'" @change="change" @clear="clear" > <el-option v-for="item in options" :key="item.key" :label="item.label" :value="item.value" /> </el-select> </div> </template> <script> export default { name: 'CallBackReasonSelect', componentName: '返厂出库原因', props: { value: { type: [String, Number], default: '' }, scope: { type: Object, default: () => { return {} } } }, data() { return { loading: false, options: [ { 'label': '设计更改', 'value': '设计更改' }, { 'label': '召回', 'value': '召回' }, { 'label': '故障', 'value': '故障' }] } }, computed: {}, watch: { }, methods: { change(val) { this.$emit('input', val) }, clear() { this.$emit('input') } } } </script> <style lang="scss"> </style>