美文网首页
vue中点击非刷新按钮,页面刷新并且路由多了个问号解决

vue中点击非刷新按钮,页面刷新并且路由多了个问号解决

作者: krystal_H | 来源:发表于2019-12-03 23:06 被阅读0次

在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)
             }
           }
       })
     }
  }
]

相关文章

网友评论

      本文标题:vue中点击非刷新按钮,页面刷新并且路由多了个问号解决

      本文链接:https://www.haomeiwen.com/subject/rhahgctx.html