Vue笔记之Antd-vue table 得到当前行的值

时间 2019-12-09

标签 vue 笔记 antd table 得到当前行的繁體版

原文原文链接

1.使用Antd table 得到当前值，则能够对table进行操做javascript

 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.前端显示java