当前位置：首页 > news >正文

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

news 来源：原创 2024/4/27 10:51:37

例如下图，这里是详情页面，通过点击查询页面的某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>)
     }
   }
 }

这样就暂时结束了