Wire:click and dynamic components

#1

What seems to be the problem:
Hi it seems, that wire:click doesn’t work on dynamic created html components, how can I solve this problem?
Steps to Reproduce:

Are you using the latest version of Livewire:

Do you have any screenshots or code examples:

#2

Sounds like a DOM diffing issue, start here:

#3 
<div class="col-span-6 sm:col-span-1">
<input type="text" wire:model="query.{{ $x }}.live" class="form-input mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" placeholder="model" value="">
@if (!empty($query))
    <div>
    @if (!empty($query[$x]['product']))
        <ul>
	@foreach($query[$x]['product'] as $product)
		<li wire:key="{{ $loop->index }} wire:click="addToRegistry({{$product['model']}}, {{$x}})" id="{{$product['model']}}_{{$x}}" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">{{$product['name_original']}}</li>
	@endforeach
	</ul>
@else
<div class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">Нет товара</div>
   @endif
 </div> 
@endif
 </div>

in browser console all is good, but click don’t work

#4

What is $x?

I’m struggling to visualise how this works
wire:model="query.{{ $x }}.live"

Edit:
Can you post your code for the addToRegistry function?

#5

sorry for late answer,

public function addToRegistry($model, $key) {
	$this->registry[$key]['product_model'] = $model;
	$this->reset($this->query);
}

here is the function , but it doesn’t matter
and I solved the problem. The problem was here
VM316:6 Uncaught SyntaxError: Octal literals are not allowed in strict mode for wire method

I had to put {{$product[‘model’]}} into ‘’
I couldn’t understand where is mistake, because in browser console there was no ajax notice when I click, I thought that it wasn’t working