在vue项目中,在某个render
渲染的table
中的下载按钮,点击路由会多个 ?
同时页面刷新,只需阻止默认事件即可,即e.preventDefault()
<Table :columns="columns" :data="data"></Table>
columns:[
{
title: '名称',
key: 'fileName',
},
{
title: '下载',
width: 130,
render(h, params) {
return h('button', {
class: 'btn-style',
domProps: {innerHTML: '下载'},
on: {
click: () => {
// 阻止下默认事件,页面就不会刷新
e.preventDefault()
window.open(dUrl)
}
}
})
}
}
]