在刀片组件中获取 Alpine JS 值？

【问题标题】：Getting an Alpine JS value inside a blade component?在刀片组件中获取 Alpine JS 值？
【发布时间】：2021-06-16 22:21:29
【问题描述】：

我有一个 x-for 循环：

<template x-for="item in items" :key="item.id">

在模板中我称之为刀片组件：

<x-card />

如何将 vars 从 Alpine JS 循环传递到刀片组件？

我见过this 并尝试实现它：

<template x-for="item in items" :key="item.id">
    <x-card ::title="item.title" />
    ....

但我无法在刀片组件内输出标题变量。

【问题讨论】：

【解决方案1】：

AlpineJS 是 JavaScript，因此是客户端。 Blade 是服务器端的。您传递的提示是 docs 中描述的内容，只是为了防止 Blade 评估语句，因为 Blade 也可以处理单冒号变量。

如果您的目标是将标题显示为卡片中的文本，请查看x-text。您应该可以拨打x-text="item.title"。 :title 应该设置项目的标题属性。

【讨论】：

恐怕你的回答没有回答高山变量对刀片组件的问题。
不知道你用的是不是Livewire？如果是这样，那就容易了。否则，cookie 或对服务器的 ajax 请求可以允许您在 php 中设置变量并在重新渲染时将其传递回刀片。就像我说的那样，您链接的链接并没有像您认为的那样做，Alpine 不能只是将变量（作为 client 端）“提供”给 server.