Vue里表格获取列的索引index

123yyz123456

已于 2022-02-14 19:59:53 修改

阅读量3.9k

点赞数 1

分类专栏：笔记文章标签： vue.js javascript 前端

于 2022-02-14 19:56:35 首次发布

本文链接：https://blog.csdn.net/abdbdbd/article/details/122931037

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

表格里的代码(这里用了element组件)

<el-button type="primary" slot-scope="scope"icon="el-icon-search"@click='mathLink(scope.$index)'plain>点击进入</el-button>

Vue里的代码

 download(index){
                confirm(index)
                confirm(this.tableData[index].location)//一定要传tableData[index]
                axios({
                    method:"get",
                    url:"http://localhost:8080/XianDai/downloadServlet?location="+this.tableData[index].location
                }).then(resp=>{
                })
            }

整个table表格展示

<el-table
                        :data="tableData"
                        style="width: 100%"
                        :row-class-name="tableRowClassName"
                        @selection-change="handleSelectionChange"
                >
                    <el-table-column
                            prop="userName"
                            label="上传用户"
                            align="center"
                    >
                    </el-table-column>
                    <el-table-column
                            prop="time"
                            label="上传时间"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            prop="fileName"
                            label="文件"
                            align="center">
                    </el-table-column>
                    <el-table-column
                            align="center"
                            label="下载">

                      <el-button slot-scope="scope"type="primary" icon="el-icon-download" circle @click="download(scope.$index)"></el-button>
                    </el-table-column>
                </el-table>