title: Uncaught TypeError: Cannot set property 'innerHTML' of null [VueJs]
body: <p>I see previous questions about the same problem faced me, but I try to solve it based on the solution of the questions! but it does not work</p>
  
  <p>In my <code>&lt;template&gt;</code>: </p>
  
  <pre><code>&lt;modal name="MyModal" &gt;
    &lt;span class="myClass" id="visible"&gt;visible&lt;/span&gt;
  &lt;/modal&gt;
  </code></pre>
  
  <p>In my <code>&lt;script&gt;</code>:</p>
  
  <pre><code>export default {
  name: "myProject",
  data: function() {
   return {}
  },
  methods:
   Open_EditTask: function() {
  
    this.$modal.show("MyModal");
  
    this.CurrentTask = this.MyTask;
  
    if ( app.EditTask.visible == true ) { document.getElementById('visible').innerHTML = 'visible'; }
    else { document.getElementById('visible').innerHTML = 'hidden'; }
   }
  } 
  </code></pre>
  
  <p>I used <code>modal</code> plugin to create the modal.</p>
  
  <p>My problem is when the modal opened .. the text not changed based on the <code>app.EditTask.variable</code> value, but when I try to print the value of it .. it shows me the value of it either true or false.</p>
  
  <p>Error message: </p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot set property 'innerHTML' of null</p>
  </blockquote>