'Wire Ignore only work for the root element

This is a weird issue with wire:ignore. I have a button to random a number and I add wire:ignore to the element that shows the random number. My expectation is that when I press the button, the random number won't change since it has wire:ignore, but it changed the first time I click the button and wouldn't change anymore after that.

However, when I add the wire:ignore to the root element, everything works fine. I attached a video below. Does anyone have this issue before?

Scren recording: https://user-images.githubusercontent.com/6707194/161600766-4214f5cd-c86d-47c2-a448-29277640784e.mov



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source