请问，我是Alpine js的新手，我不知道我哪里出错了，我正在向https://jsonplaceholder.typicode.com/users/1发出请求，并将 JSON 响应存储给用户。我能够使用 x-text 访问用户，但当我尝试访问用户对象内的对象时出现错误这是我的 js 和 htmlAlpine 表达式错误：无法读取未定义的属性（读取“名称”）表达式：“user.company.n
2022-08-04
我使用 Laravel Livewire 制作了一个多文件上传组件。上传完成后，我想显示已上传的文件而不重新加载页面，如下所示：<div class="grid grid-flow-col auto-cols-max gap-4 mb-5">@foreach ($files as $file)<livewire:file :file="$file"/>@endforeach</div>一次上传一个
2021-12-06
查看文档https://laravel-livewire.com/docs/2.x/events#from-js在 javascript 中使用 Livewire 组件<script>Livewire.emit('postAdded')</script>我不明白 Livewire 是什么？声明的 var？我如何获取它。我需要从 JS 代码中获取某些 var 的值并运行组件方法。我该怎么做？修改后的
2021-09-11
我正在使用 Livewire 和 select2 来过滤某个表中的记录列表。这是多条件搜索。选择下拉菜单设置为“多个”选项。当我通过选择第一项进行过滤时，列表会更新。当我选择另一项时，列表会更新，但我得到这个：LoadingStates.js:192 Uncaught (in promise) TypeError: Cannot read property 'split' of nullat Lo
2021-05-07
我用 Alpine JS 创建了一个简单的倒计时，但是当计时器为 0 时，出现了错误。首先在 x-data 中声明函数 appTimer。 <div x-data="appTimer()"><div x-show="active"><template x-if="countdown > 0"><div><div>Counting down</div><div x-text="countdown">
2021-11-02
嗨，我试图让 Alpine 和 webpack 一起运行，但总是出错，不知道该怎么做。我的 Webpack 配置：const path = require('path');const MiniCssExtractPlugin = require('mini-css-extract-plugin');const isProduction = 'prod
2021-12-04
我尝试在下拉菜单的更改事件中更新x-data“tab”，使用选择选项中的值，但变量为“未定义”。<div class="py-0 space-y-6 bg-white" **x-data**="{ tab: 'payment_methods' }"><div class="py-6 mb-4 md:px-14 sm:px-14 px-4"><!-- Tabs --><div class="lg:h
2021-12-21
嗨，我正在使用 alpine 的 CDN 链接：“https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.9.0/cdn.min.js”我这样做了👇在实时服务器中，我在控制台中收到此错误：检查屏幕截图是否有错误请告诉我问题是什么。Uncaught TypeError: Cannot read properties of undefined (readin
2022-02-16
我正在使用 Laravel 的 Blade 语法构建表单，并使用 AlpineJs 进行一些交互，例如显示和隐藏内容。我的代码在这里：<div class="flex items-center" x-data="destinationBuilder"><x-label required="true" class="mr-5">Destination:</x-label><x-basic-input
2022-04-04
我有一个 Django 模板，其中包含 Alpine.js (v3.10.2) 的脚本标记：<div x-data="product" class="product">...</div><script>document.addEventListener('alpine:init', () => {Alpine.data('product', () => ({count: 1,increment()
2022-07-05
然而，我使用 alpine js 创建了一个小部件，出现了类似错误，我找到了解决方案。您认为我的代码中有什么错误？当我提取数据时，标题部分显示不正确。但我看不出有什么问题。或者我无法弄清楚。[我在控制台中看到的错误][1][1]: https://i.sstatic.net/ofmW1.png<div class="text-base w-56 px-5 rounded-full overflow
2022-09-08
使用 AlpineJS 我有代码： <form x-data="inquiry()" x-on:submit.prevent="submit" method="post"><div><label>Name</label><input type="text" name="name" x-model="data.name.value"></div><div><label>Email</label><
2022-10-21
按照安装说明操作后，alpinejs 无法正常工作。我按照Codechef中的说明安装 alpine。我像这样在 blade.php 中使用它： <script src="{{ asset('js/alpine.js') }}"></script><!-- other elements ommitted for brevity --><div x-data=""{ show: false}><bu
我是 Livewire 新手，有一个问题。在我的 Livewire blade 中，我有一个 JS 函数，它调用一个组件方法来更新 $this->questions。 function QuestionBatchRequest() {Livewire.emit('moreQuestions');this.dispatchEvent(new Event('moreQuestions'));}这
2021-05-13
我完全迷路了。我之前用 Livewire + AlpineJS + Laravel 制作过多个应用程序，但出于某种原因，我无法让@click功能在此应用程序中发挥作用。我几乎将代码精简为零，但看不到问题所在。我查看了其他使用@click的应用程序。<div x-data="showAppSettings()"><div @click="whatever(123)">Click here</div>
2021-07-23