这可能是因为页面变量没有被正确地传递给钩子变量。要解决这个问题,您可以尝试在页面变量中使用ref,并确保在传递给钩子变量时正确地引用它。 以下是一个示例代码片段,演示了如何正确地传递页面变量的ref给useQuery钩子变量:
-
{{ item.name }}
在上面的示例中,我们创建了一个名为searchTerm的ref,并将其传递给了useQuery的variables选项当中。我们还在setup函数的返回值中返回了searchTerm以便在模板中使用它,并更新refetch中的searchTerm值。
通过这种方式,我们通过ref将页面变量传递给了useQuery,并成功解决了钩子变量无法识别页面变量的问题。