开发者问题收集

Alpine 表达式错误:show 未定义

2022-11-09
3819

按照安装说明操作后,alpinejs 无法正常工作。 我按照 Codechef 中的说明安装 alpine。

我像这样在 blade.php 中使用它:

 <script src="{{ asset('js/alpine.js') }}"></script>
 <!-- other elements ommitted for brevity -->
 <div x-data=""{ show: false}>
     <button @click="show = ! show">{{ __("Position")  }}</button>
     <div x-show="show">
         <a href="#">One</a>
         <a href="#">Two</a>
         <a href="#">Three</a>
     </div>
 </div>

我的 layout.blade.php 包含行

   <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>

当我打开页面时,出现以下错误:

Alpine Expression Error: show is not defined

Expression: "show"

可能缺少什么?

1个回答

请尝试这个:

<div x-data="{show: false}">

(你写的是:

<div x-data=""{show: false}>

这是不正确的)

Riccardo LV
2022-11-09