前端 通过id 查询详情,让form表单中某地址展示成超链接,点击跳转并查看情况

例如下图,这里是详情页面,通过点击查询页面的某id跳转至此页面
在这里插入图片描述
上图中红色部分均是 form表单 ,其中地址的展示如下代码
我这里是后端没返回值,但是已经测试过,没得问题哦。

className 是样式,
最主要的是render 函数 ,记得return
getFieldValue是函数里的方法。
然后一定要看看是否要用 ?.  很有可能没用然后拿不到值 
这里的return 就是你要展示的信息了,至于是什么看需求,我这里是超链接 就用了a 标签。
target="_blank" rel="noopener noreferrer" 这些代码还是要加的 为了解决报错。
意思是在没有rel=“noopener noreferrer”的情况下使用target=“_blank”是一种安全风险。

  {
    title: '发票图片地址',
    span: 24,
    className: "reamrk",
    name: 'invImgAddress',
    formOption: {
      type: '$text' ,
      props: {},
      render: (_) => {
        const invImgAddress = _.getFieldValue?.('invImgAddress'); // 获取对比值
        return (<a href={invImgAddress} target="_blank" rel="noopener noreferrer"> {invImgAddress} </a>)
     }
   }
 }

这样就暂时结束了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值