表格里的代码(这里用了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>
Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐