title: How can I make condition in v-bind in the Vue?
body: <p>My component vue like this :</p>
  <pre><code>&lt;template&gt;
      ...
          &lt;file-pond v-if=&quot;this.$route.params.id&quot;
              label-idle='Drag and drop files here'
              v-bind:allow-multiple=&quot;true&quot;
              v-bind:required=&quot;true&quot;
              v-bind:files=&quot;dataFiles&quot;
          /&gt;
          &lt;file-pond v-else
              label-idle='Drag and drop files here'
              v-bind:allow-multiple=&quot;true&quot;
              v-bind:required=&quot;true&quot;
              accepted-file-types='application/pdf, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, .xlsx'
          /&gt;
      ...
  &lt;/template&gt;
  </code></pre>
  <p>I use condition <code>id</code> to differentiate between add form and edit form</p>
  <p>So, I want to make 1 filepond tag. So it looks simpler</p>
  <p>I try like this :</p>
  <pre class="lang-html prettyprint-override"><code>&lt;file-pond
      label-idle='Drag and drop files here'
      v-bind:allow-multiple=&quot;true&quot;
      v-bind:required=&quot;true&quot;
      v-bind:files=&quot;[this.$route.params.id ? dataFiles : '']&quot;
      v-bind:accepted-file-types=&quot;[this.$route.params.id ? '' : 'application/pdf, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, .xlsx']&quot;
  /&gt;
  </code></pre>
  <p>But this code is not works. There exist error : <code>Uncaught TypeError: url.split is not a function</code></p>
  <p>How can I solve this error?</p>