我有一个由AlpineJS提供的Datatable表：

<template x-for = "user in users": key = "user.Id">

在x-for中，我可以在SPAN字段中列出user.id的值，指令为x-text：

<span id = "user.Id" class = "text-gray-700 px-6 py-3 flex items-center" x-text = "user.Id"> </span>

我需要在HREF属性的末尾连接user.id的值，它将在后端调用一个路由来使记录失效：
直接尝试设置HREF + user.id属性，但没有成功，所以我考虑了以下方法：

<script>
   var uid = document.getElementById ("user.Id");
   console.log ('uid value:' + uid.InnerText);
   var link = document.getElementById ("link");
   link.setAttribute ('href', 'http://api-paulinhomonteiro-com.umbler.net/cli/delete/<%= token%> /' + uid.innertText)
</script>

通过动态设置属性可以很好地工作，但是变量到达时是未定义的。
我该怎么解决这个问题呢？我刚刚发现了AlpineJS，无法继续前进。有人能帮我吗？