在Web開發(fā)中，很多時候我們需要從表格中獲取用戶選中的行。Vue是一個流行的JavaScript框架，它提供了方便的方式來處理用戶交互。在Vue中，我們可以輕松地獲取用戶選中的表格行，而不需要編寫大量的JavaScript代碼。

Vue提供了v-model指令，它可以與表單元素進行綁定，實現(xiàn)雙向數據綁定。表格也可以視為一種表單元素，因此我們可以使用v-model來處理表格中的選擇。對于多選表格，我們可以使用一個數組來保存用戶選中的行數據。這個數組可以是Vue組件的一個數據屬性。當用戶選中或取消一個行時，我們可以使用v-model將其添加或刪除到數組中。

data() {
return {
selectedRows: []
}
}

對于單選表格，我們可以使用一個對象來保存選中的行數據。這個對象可以是Vue組件的一個計算屬性，它依賴于行數據和當前選中的行索引。當用戶選中一個行時，我們可以使用v-model將其設置為計算屬性的值。

computed: {
selectedRow() {
return this.tableData[this.selectedIndex]
}
}

當表格選中狀態(tài)發(fā)生改變時，Vue會觸發(fā)一個change事件。我們可以在Vue組件中使用一個方法來處理這個事件，獲取選中的行數據。

methods: {
handleSelectionChange(rows) {
this.selectedRows = rows
}
}

對于特定的表格庫，例如element-ui，Vue提供了一些特殊的指令和事件來處理表格選擇。我們可以使用@row-click事件來響應用戶單擊行的行為，使用@select和@select-all事件來響應用戶選擇行的行為。這些事件可以綁定到Vue組件的方法中，實現(xiàn)選中行的回調。

<el-table 
@row-click="handleRowClick"
@select="handleSelect"
@select-all="handleSelectAll"
>
</el-table>
methods: {
handleRowClick(row) {
console.log(row)
},
handleSelect(rows) {
console.log(rows)
},
handleSelectAll(rows) {
console.log(rows)
}
}

總之，獲取選中行是Web開發(fā)中一個常見的需求。Vue提供了一些方便的方法來處理表格選擇，無論是單選表格還是多選表格。我們可以使用v-model指令、計算屬性、事件等Vue特性來實現(xiàn)選中行的功能。