title: How to conditionally add attributes in vue.js?
body: <p>In vue, I have this</p>
  
  <pre><code>&lt;v-dialog v-model="data_table.dialog"&gt;
  </code></pre>
  
  <p>and I have a observable variable <code>is_mobile</code>. I want it so that the above tag looks like this</p>
  
  <pre><code>&lt;v-dialog v-model="data_table.dialog"&gt;
  </code></pre>
  
  <p>when <code>is_mobile</code> is false. And look like this</p>
  
  <pre><code>&lt;v-dialog fullscreen hide-overlay transition="dialog-bottom-transition" v-model="data_table.dialog"&gt;
  </code></pre>
  
  <p>when <code>is_mobile</code> is true.</p>
  
  <p>How can I do it?</p>
  
  <p>I only know how to set the attribute value, but in this case, I want the attribute itself to be included or not, and for the transition, attribute and value included or attribute not included. Basically exactly the result as shown above, and not like <code>fullscreen="true"</code>/<code>fullscreen="false"</code>.</p>
  
  <p>Thanks</p>