在vue.js中包含动态行的表中获取select标记值

data() {
  return {
    rows: [
      { id: 1, selectValue: '' },
      { id: 2, selectValue: '' },
      { id: 3, selectValue: '' }
    ]
  }
}

<table>
  <tr v-for="row in rows" :key="row.id">
    <td>
      <select v-model="row.selectValue">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
    </td>
  </tr>
</table>

methods: {
  printSelectValues() {
    this.rows.forEach(row => {
      console.log(row.selectValue);
    });
  }
}

watch: {
  'rows': {
    deep: true,
    handler(newRows) {
      newRows.forEach(row => {
        console.log(row.selectValue);
      });
    }
  }
}