title: AJAX call : JQuery ok but Vue and Vanilla JS not executing script inside element
body: <p>I would like to execute a code inside an html element after an xhr request</p>
  <p>I used to used JQUERY <code>$(el).html(data)</code> and that worked just fine</p>
  <p>Now trying to get rid of jquery</p>
  <p>I tried both vanilla JS <code>innerHTML</code> and vue3 <code>v-html</code> but the script never executes</p>
  <p>I can see it in html</p>
  <p><a href="https://i.stack.imgur.com/20Gor.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/20Gor.png" alt="enter image description here" /></a></p>
  <p>Here is the code:</p>
  <pre><code>    axios.get('/getAarea/blog')
          .then(response =&gt; {
            const data = response.data;
            if (!data.report) {
              const el = $(&quot;#ContentUserPanel&quot;)
              el.html(data)
              this.loading = false
              this.selected = this.types.blogs
              this.toggleUserMobileMenu()
            } else {
              Error('There was an error ',data.report)
              this.loading = false
              this.selected = null
            }
          })
          .catch(err =&gt; {
            Error('There was an error ',err)
            this.loading = false
            this.selected = null
          });
  </code></pre>
  <p>Could someone explain ?</p>