将两个值绑定到选择框的模型中

data() {
  return {
    value1: '',
    value2: ''
  }
}

<select v-model="value1">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<select v-model="value2">
  <option value="option3">Option 3</option>
  <option value="option4">Option 4</option>
</select>

constructor(props) {
  super(props);
  this.state = {
    value1: '',
    value2: ''
  };
}

<select value={this.state.value1} onChange={this.handleChange1}>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<select value={this.state.value2} onChange={this.handleChange2}>
  <option value="option3">Option 3</option>
  <option value="option4">Option 4</option>
</select>

handleChange1(event) {
  this.setState({ value1: event.target.value });
}

handleChange2(event) {
  this.setState({ value2: event.target.value });
}