table实现通过render实现点击跳转到相应的网址

{
          title: '网址',
          key: 'website',
          align: 'left',
          width: 180,
          render: (h, params) => {
            return h('span',
              {
                domProps: {
                  innerHTML: "<a href='" + params.row.website + "' target='_blank'>" + params.row.website + '</a>'
                }
              }
            )
          }
        },

target=‘_blank’ 表示在新的页面中打开链接,如果不加则在本页面打开链接

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐