核心要先搞清楚：Fluid视图助手是服务器端渲染的，而JavaScript是客户端执行的——服务器生成模板的时候，JS变量还没诞生呢，所以直接把JS变量塞给f:link的参数肯定行不通。下面分两种最常见的场景给你解决方案：

场景1：uid其实在服务器端已经可用（90%的情况） #

如果这个uid是你列表遍历的对象属性（比如{item}里自带的uid），那根本不需要用JS变量，直接用Fluid模板变量就行，这是最规范高效的做法：

用f:link.action（对应Extbase控制器的showAction） #

<f:link.action 
    action="show" 
    controller="YourController" <!-- 替换成你的控制器名称 -->
    arguments="{uid: item.uid}"
>
    查看详情
</f:link.action>

用f:link.page（对应页面类型配置的showAction） #

如果你的showAction是通过页面类型配置的，可以这么写：

<f:link.page 
    pageType="123" <!-- 替换成你的页面类型ID -->
    additionalParams="{tx_yourextension_yourplugin: {uid: item.uid}}"
>
    查看详情
</f:link.page>

注意替换tx_yourextension_yourplugin为你自己的扩展+插件名称，这个可以从TYPO3后台的插件配置里查到。

场景2：uid是客户端动态获取的（比如用户交互后生成） #

如果uid确实是客户端动态拿到的（比如从DOM元素读取、用户输入、AJAX返回值），那需要分两步走：

方案A：Fluid生成基础URL，JS拼接参数 #

先让Fluid生成showAction的基础空URL，再用JS把动态uid拼进去：

<!-- 先渲染基础URL到按钮的data属性里 -->
<button class="show-btn" data-base-url="<f:uri.action action='show' controller='YourController' />">
    查看详情
</button>

<script>
// 假设你已经通过JS拿到了动态uid
const dynamicUid = 123; // 替换成你的实际JS变量
const baseUrl = document.querySelector('.show-btn').dataset.baseUrl;
// 拼接参数并跳转
window.location.href = `${baseUrl}?tx_yourextension_yourplugin[uid]=${dynamicUid}`;
</script>

方案B：AJAX加载showAction内容（不跳转页面） #

如果不需要跳转到新页面，而是要在当前页面加载详情内容，可以用AJAX：

<div id="show-content-container"></div>
<button class="load-detail-btn">加载详情</button>

<script>
const dynamicUid = 123; // 替换成你的动态uid
const loadBtn = document.querySelector('.load-detail-btn');
const contentContainer = document.getElementById('show-content-container');

loadBtn.addEventListener('click', () => {
    // 先让Fluid生成带占位uid的URL，再用JS替换成真实值
    const requestUrl = `<f:uri.action action='show' arguments='{uid: 0}' />`.replace('uid=0', `uid=${dynamicUid}`);
    
    fetch(requestUrl)
        .then(response => response.text())
        .then(html => {
            contentContainer.innerHTML = html;
        });
});
</script>

内容的提问来源于stack exchange，提问作者Mondblut