Livewire组件不读取简单的html参数
Livewire组件不读取简单的html参数
提问于 2022-03-07 03:43:18
刚开始使用Livewire，而我在将参数传递给livewire组件时遇到了问题。
Home.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
@livewireStyles
</head>
<body class="antialiased p-10">
<livewire:forms.input type="text" name="Test" />
@livewireScripts
</body>
</html>组件
<div class="FormsInput">
@isset($label)
<label for="{{ $name }}">{{ $label }}</label>
@endisset
<div class="">
<input wire:model="{{ $name }}" type="{{ $type }}" name="{{ $name }}" id="{{ $name }}" placeholder="{{ $placeholder }}">
</div>
@isset($helper)
<div class="">
{{ $label }}
</div>
@endisset
<div class="">
{{ $error }}
</div>
</div>Http/Livewire/Forms/Input
<?php
namespace App\Http\Livewire\Forms;
use Livewire\Component;
class Input extends Component
{
public function render()
{
return view('livewire.forms.input');
}
}这是我得到的错误：
ErrorException
Undefined variable $name
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-03-07 04:34:55
要修复此错误，您必须做两件事：
- 将name属性添加到组件中，因为Livewire组件将数据存储和跟踪为组件类上的公共属性。
class Input extends Component
{
public string $name;
...
}- 在连线上使用属性名称:没有“$”的模型
<input wire:model="name" ... />您可以在这个链接上找到Livewire文档上的数据绑定。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71380555
复制
![HTML制作简单的页面[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/760166c3284608ad457280fd4004eb70.png)
相似问题
不更新简单Livewire组件的UI
Livewire: Jquery不工作在livewire组件中
来自livewire的变量不传递组件。
LiveWire方法不适用于简单组件
不生成HTML的简单react功能组件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
