Html 按钮事件后获取多个选择值

我需要找到使用Vue，如何获得选择值的两个选择，以及一些输入值后，按下一个按钮

如何做到这一点，你能给我一个简单的例子吗

---

感谢

要从vue中的输入和选择中获取值，必须使用v-model进行绑定。
按钮事件通过使用

@单击
属性来处理

<div id="app">
  <h2>Console log values:</h2>
  <input type="text" v-model="inputValue">
  <select name="firstSelect" v-model="firstSelectedValue">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
  <select name="firstSelect" v-model="secondSelectedValue">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
  
  <button @click="getData">Get Data</button>
</div>

这里有一个工作提琴：它将控制台记录请求的数据。
您通过：
document.getElementById（“id”）.value
获得元素的值。您必须多次使用该行来加载不同的id选择或输入id。@tacoshy nope mate，在Vue中不是这样工作的。。他只需要做一点搜索
new Vue({
  el: "#app",
  data: {
    firstSelectedValue: null,
    secondSelectedValue: null,
    inputValue: '',
  },
  methods: {
    getData: function(){
        console.log("Input value: "+ this.inputValue);
        console.log("First selected value: " + this.firstSelectedValue);
      console.log("Second selected value: " +this.secondSelectedValue);
      }
  }
})