Vue筆記之Antd-vue table 獲得當前行的值


1.使用Antd table 獲得當前值,則可以對table進行操作

 1  <!--內容-->
 2     <template>
 3         <a-table :columns="columns" :dataSource="testdata" :pagination="{ pageSize: 50 }" :scroll="{ y: 800 }" :bordered="true">
 4             <!--操作-->
 5             <template slot="action" slot-scope="text,record">
 6                 <a slot="action"  href="javascript:;" @click="onEdit(record)" >查看</a>
 7                 <!-- <span slot="action" slot-scope="text" href="javascript:;" @click="onEdit()" >編輯</span> -->
 8                 <!-- <span slot="action" slot-scope="text" href="javascript:;" @click="onEdit()" >刪除</span> -->
 9             </template>
10         </a-table>
11     </template>

2.onEdit(record)

3.前端顯示

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM