jeecg-boot项目解决点击一下跳出来两个界面

项目场景:

使用jeecg-boot二开,列表页打开详情页,打开两个问题,相关源代码如下。


问题描述

以下为部分代码,点击姓名跳转详情页

columns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title: '照片',
          align: 'center',
          dataIndex: '照片',
          customRender: function (t, r, index) {
            if (t && !t.includes('http')) {
              t = '/jeecg-boot/sys/common/static/' + t
            }
            return <img class='photo' src={t} />
          }
        },
        {
          title: '姓名',
          align: 'center',
          dataIndex: '姓名',
          customRender: function (t, r, index) {
            let url = '/people_manage/detail?id=' + r.id
            return <router-link to={url}>{t}</router-link>
          }
        }

原因分析:

不清楚,先记录下

以下为详细原因:无


解决方案:

这个是前端大佬解决的,记录

columns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: function (t, r, index) {
            return parseInt(index) + 1
          }
        },
        {
          title: '照片',
          align: 'center',
          dataIndex: '照片',
          customRender: function (t, r, index) {
            if (t && !t.includes('http')) {
              t = '/jeecg-boot/sys/common/static/' + t
            }
            return <img class='photo' src={t} />
          }
        },
        {
          title: '姓名',
          align: 'center',
          dataIndex: '姓名',
          customRender: function (t, r, index) {
            let url = '/people_manage/detail'
            return <router-link to={ { path: url, params: { id: r.id } }}>{t}</router-link>
          }
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值