在laravel 10站点上使用文档https://dev.to/koossaayy/laravel-livewire-multiple-selection-with-virtual-select-1f87 我try 进行多重 Select , 但复制粘贴项目的代码我得到了"Uncatch Syntax错误:意外令牌":""Blade 代码上的错误:
<div>
<script src="https://cdn.jsdelivr.net/npm/virtual-select-plugin@1.0.39/dist/virtual-select.min.js" integrity="sha256-Gsn2XyJGdUeHy0r4gaP1mJy1JkLiIWY6g6hJhV5UrIw=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/virtual-select-plugin@1.0.39/dist/virtual-select.min.css" integrity="sha256-KqTuc/vUgQsb5EMyyxWf62qYinMUXDpWELyNx+cCUr0=" crossorigin="anonymous">
resources/views/livewire/admin/users-permissions-editor.blade.php
<div>
<div id="permissions"></div>
<script>
const permissions = [
@foreach ($permissions as $permission)
{
label : '{{ $permission->name }}' , // ERROR POINTING THIS LINE
value : '{{ $permission->id }}'
},
@endforeach
];
VirtualSelect.init({
ele: '#permissions',
multiple: true,
options: permissions,
});
</script>
</div>
</div>
我替换了代码"{{ $performance-Name }}"中的所有符号,并try 用"符号:
@foreach ($permissions as $permission)
{
"label" : '{{ $permission->name }}' ,
"value" : '{{ $permission->id }}'
},
@endforeach
我该用哪种方式传递数组?
ADDITIVE INFO :
我将 playbook 重新制作为:
<div>
<div id="permissions"></div>
@script
<script>
const permissions = [
@foreach ($permissions as $permission)
{
"label": '{{ $permission->name }}',
"value": '{{ $permission->id }}'
},
@endforeach
];
VirtualSelect.init({
ele: '#permissions',
multiple: true,
options: permissions,
});
</script>
@endscript
</div>
但无论如何,我得到了"意外令牌":'"错误,在浏览器中我看到:
"laravel/framework": "^10.48.4",
"livewire/livewire": "^3.4.9",
提前感谢!