title: Livewire: How can I reset an object property?
body: <p>I'm trying to do something simple using the <code>reset()</code> method.</p>
  <p>My <code>url</code> model (object) has a <code>title</code> property, which binds to an input field on my blade:</p>
  <pre><code>&lt;input
    type=&quot;text&quot;
    wire:model.lazy=&quot;url.title&quot;
    wire:keydown.escape=&quot;reset_fields&quot;
    ...
  </code></pre>
  <p>In my <code>reset_fields</code> function I have:</p>
  <pre><code>public function reset_fields()
  {
    $this-&gt;reset('url.title');
  }
  </code></pre>
  <p>The error it displays is:</p>
  <pre><code>Livewire\Exceptions\PropertyNotFoundException
  Property [$url.title] not found on component: [url-row]
  </code></pre>
  <p>The workaround I found is the following:</p>
  <pre><code>&lt;input
    type=&quot;text&quot;
    wire:model.lazy=&quot;title&quot;
    wire:keydown.escape=&quot;reset_fields&quot;
    ...
  </code></pre>
  <p>In the component I have:</p>
  <pre><code>...
  public $title;
  ...
  
  public function mount() {
    $this-&gt;title = $this-&gt;url-&gt;title;
  }
  
  public function reset_fields() {
    $this-&gt;mount();
  }
  </code></pre>
  <p>So yeah, it works, but I think that's not the &quot;correct way&quot;. So my question is, how do I use the <code>reset()</code> method, and if it is possible to use it with objects</p>