vue+elementUI获取单行的id

问题情境:

 当对某一行数据做删除或修改操作时,我们往往需要获取该行数据的实体,例如我的表单数据为数据库中brand表的展示,所以我需要得到的是通过点击修改或删除能得到brand.id,从而在method中使用id获取后端的具体brand对象

解决方法

<body>内这样书写:

先在table-column中加入v-slot="scope",再在onclick的方法中加入参数scope.row.id。其中scope.row即代表该行的brand,scope.row.id即代表g该brand的id。

method中这样书写:

 参数对照上面的直接写id,如果上面的参是scope.row,这里的参必须写row。另外,获取该数据时千万不要在前面加this,或在axios中加_tihs,写成this.id就获取不到数据了

posted @ 2024-04-19 09:43  冷月无心  阅读(284)  评论(0)    收藏  举报