vue element table实现点击表格当前行跳转到页面对应id的方法
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·

1.表格添加点击行的方法:(@row-click="overallClick")

2.点击跳转的代码
//点击当前行传入要跳转模块的id
overallClick(row){
if(row){
let id = row.Category;
let that = this;
that.showDetails(id)
}
},
//获取id进行跳转
showDetails(id){
var el=document.getElementById(id);
this.$nextTick(function () {
window.scrollTo({"behavior":"smooth","top":el.offsetTop});
})
}
3.给对应模块添加id名

A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)