我正在尝试执行Livewire快速入门。我已经正确地安装了一切,并复制了代码,因为它出现在示例中,动态行为不适合我。也就是说,我不知道它是否加载Javascript,因为控制台中没有出现任何内容。
html:
@livewireStyles
</head>
<body>
<livewire:counter/>
@livewireScripts
</body>
</html>
类:
class Counter extends Component
{
// cual propiedad puede accederse por el componente..
public $count=0;
public function increment()
{
$this->count++;
}
public function render()
{
return view('livewire.counter');
}
}
按钮:
<div class="inline-block mr-2 mt-2">
{{-- wire: evento que se espera... ='metodo al que llama' --}}
<button wire:click="increment" type="button" class="focus:outline-none text-white text-sm py-2.5 px-5 rounded-md bg-green-500 hover:bg-green-600 hover:shadow-lg">Aumentar</button>
</div>
它不适合我与php artisan serve
或与我已经创建的虚拟服务器,我也转录的情况下,路径是错误的:
& lt;虚拟主机*比;DocumentRoot"C: xampp 根 cursos public"ServerName cursos.test目录"C:xampphtdocscursospublic "选择所有AllowOverride所有要求所有授予
感谢在counter的Blade文件中,将其包装成一个div元素
<div>
<button wire:click="increment" type="button" class="focus:outline-none text-white text-sm py-2.5 px-5 rounded-md bg-green-500 hover:bg-green-600 hover:shadow-lg">Aumentar</button>
</div>
在Counter组件中将count变量初始化为0
public $count = 0