使用window.open方式打开窗口替换为router-link标签

直接看代码:

<div class="content-table">
          <Table :columns="pipelinecolumns" :data="pipelineList">
          </Table>
</div>
pipelinecolumns: [
  {
    title: 'xxx名称',
    key: 'name',
    tooltip: true,
    render: (h, params) => {
      // TODO原有方式
      // return h('span', {
      //   on: {
      //     click:()=>{
      //       this.toDrawer(params.row)
      //     }
      //   },
      //   style: {
      //     color: '#0a6eb5',
      //     cursor: 'pointer'
      //   },
      //   attrs: {
      //     title: params.row.name
      //   }
      // }, params.row.name);

     //TODO 改为使用router-link方式打开窗口
     //注意tag='a'和target='_blank'属性需配合使用
      return h('router-link', {
        style: {
          display: 'inline-block',
          width: '100%',
          overflow: 'hidden',
          textOverflow: 'ellipsis',
          whiteSpace: 'nowrap',
          color: '#0a6eb5',
          'vertical-align': 'middle',
          cursor: 'pointer',
        },
        attrs: {
          title: params.row.name,
          tag: 'a',
          target: '_blank',
          to: `${apiUrl.pipelineHome.workflowdrawer}?id=${this.$route.query.id}&pipelineId=${params.row.id}`
        },
      }, params.row.name)


    }
  },
  {
    title: '创建时间',
    key: 'createTime',
    width: 160,
    render:(h, params)=>{
      return h('span',{}, params.row.createTime)
    }
  },
],

 

methods: {
    //toDrawer (row) {
    //  window.open(
    //          `${apiUrl.pipelineHome.workflowdrawer}?id=${this.$route.query.id}&pipelineId=${row.id}`
  //    );
   // },
}

 

Logo

前往低代码交流专区

更多推荐