Shulou(Shulou.com)06/01 Report--

Editor to share with you how to achieve element table cross-page multi-selection and echo, I hope you will gain something after reading this article, let's discuss it together!

Define getRowKeys in 1.data and record the key value of each row

GetRowKeys (row) {return row.id;}

2.el-table binds getRowKeys

3. Set the reserve-selection of the selection column to true

4. Table data selection method handleSelectionChange

HandleSelectionChange (rows) {this.multipleSelection = rows; this.select_number = this.multipleSelection.length; this.select_Id = []; if (rows) {rows.forEach ((row) = > {if (row) {this.select_Id.push (row.id);});}}

Code collation

... Export default {data () {return {multipleSelection: [], / Table Select getRowKeys (row) {/ / record the key value return row.id of each row }, select_number: "", / / number of entries selected by table select select_Id: [], / / id selected by table select check box}}, methods: {handleSelectionChange (rows) {this.multipleSelection = rows; this.select_number = this.multipleSelection.length; this.select_Id = [] If (rows) {rows.forEach ((row) = > {if (row) {this.select_Id.push (row.id);}}) After reading this article, I believe you have a certain understanding of "how element implements table cross-page multi-selection and echo". If you want to know more about it, welcome to follow the industry information channel. Thank you for your reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.