| | |
| | | <!-- 原材料检验-检测值输入框组件 --> |
| | | <template> |
| | | <el-select v-model="selectedValue" @change="handleChange" clearable> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | ></el-option> |
| | | <el-input |
| | | v-model="inputValue" |
| | | slot="prefix" |
| | | placeholder="自定义输入" |
| | | @input="handleInput" |
| | | ></el-input> |
| | | </el-select> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | |
| | | props:{ |
| | | value: { |
| | | type: [String, Number], |
| | | default: '' |
| | | }, |
| | | options: { |
| | | type: Array, |
| | | default: () => [] |
| | | } |
| | | }, |
| | | data(){ |
| | | return { |
| | | selectedValue: '', |
| | | inputValue: '', |
| | | // options: [{ |
| | | // label:'是', |
| | | // value: '是' |
| | | // },{ |
| | | // label:'否', |
| | | // value: '否' |
| | | // }] |
| | | } |
| | | }, |
| | | created() { |
| | | this.selectedValue = this.value; |
| | | }, |
| | | watch: { |
| | | value(newValue) { |
| | | this.selectedValue = newValue; |
| | | } |
| | | }, |
| | | methods: { |
| | | handleChange(value) { |
| | | this.$emit('input1', value); |
| | | }, |
| | | handleInput(value) { |
| | | this.$emit('input1', value); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | |
| | | <style scope> |
| | | .dropdown{ |
| | | position: relative; |
| | | right: 30px; |
| | | top: 5px; |
| | | color: #C0C4CC; |
| | | font-size: 14px; |
| | | } |
| | | </style> |