码迷,mamicode.com
首页 > 其他好文 > 详细

elment-ui中 给table表格 某项加点击事件

时间:2020-08-24 16:54:25      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:exti   v-for   ade   out   ref   tip   http   跳转页面   path   

技术图片

 

 

情况一:前端写表格

 

代码:

<template>
<el-table-column
header-align="center"
align="center"
label="单据编号"
prop="statementBaseNo"
>
<template slot-scope="scope">
<el-button type="text" @click="statementBaseNoJump(scope.row)">{{scope.row.statementBaseNo}}</el-button>
</template>
</el-table-column>
</template>

<script>
//点击跳转页面

statementBaseNoJump(row) {
        this.$router.push({
path: "/checkBillStatementSaleManageDetail",
query: { refreshtarget: true, id: row.extId,billCheckType: row.billCheckType,ids: this.$route.query.id}
});
}
</script>

情况二:后端写表格

<el-table-column
v-for="(col, index) in localShowTableCols"
:key="index + col.name"
:fixed="col.fixable"
:prop="col.name"
:label="col.title"
:min-width="col.columnWidth"
show-overflow-tooltip
header-align="center"
align="center"
>
<template slot-scope="scope">
<el-button
v-if="col.name === ‘statementBaseNo‘"
@click="returnDetail(scope)"
type="text"
size="small"
v-auth="4"
>
{{ scope.row[col.name] }}
</el-button>
<span v-else>{{ getValue(scope.row, col.name) }}</span>
</template>
</el-table-column>


补充:localShowTableCols为动态列数据
statementBaseNo为单据编号
returnDetail为点击事件




elment-ui中 给table表格 某项加点击事件

标签:exti   v-for   ade   out   ref   tip   http   跳转页面   path   

原文地址:https://www.cnblogs.com/dandanyajin/p/13551952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!