Vue table通过slot插槽关联方法

这篇文章纯粹是给自己看,就是个笔记!防止自己忘记。毕竟好不容易写出来的东西马上要删掉了,因为和需求不符合。好奇怪,你就给我文字,我怎么可能画出来你真正想要的嘛。但是这个过程,还是学到了一些东西的。记下来,以便下次用到粘贴复制。

这个功能是,我table里面有数据,然后我想点击某条记录的某个字段,然后跳转到其他页面。这个好像只能用插槽搞?技术越先进,怎么就越难了呢。草!草!草!前端的基础不应该是js、html、css么?妈的!烦得一笔啊!什么臭傻逼vue!什么傻逼技术迭代!草他妈的!不管了,直接上代码。

先上VUE关联插槽部分的:

  private columns = [
    {
      title: '项目',
      dataIndex: 'projectName',
      align: 'center'
    },
    {
	   //这部分关联页面的插槽
       title: '查看子记录',
       dataIndex: 'action',
       width: '150px',
	   //slot="action"
       scopedSlots: { customRender: 'action' }
    }
  ]

再上页面定义插槽部分的:

    <s-table
      ref="table"
      size="default"
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值