微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在刀片组件中获取 Alpine JS 值?

我有一个 x-for 循环:

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

在模板内部,我调用了我的刀片组件:

<x-card />

如何将变量从 Alpine JS 循环传递到刀片组件?

我见过 this 并尝试实现它:

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

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

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。