I use select, and v-for to show values, but when I have white space in values,like "a (white space) a - (white space) " (white space is real " ",it can't type here...) it only show "a a -" and return to backend;most white space be removed, it's my code:

`<div class="form-group">
      <label>API:</label>
      <select id="service" v-model="selectedAllservice" class="form-control">
         <option v-for="t in allservice_name">[[ t ]]</option>
      </select>
</div>`

my present and data enter image description here enter image description here

How can I preserve all the whitespace in the values? Do it have any way to solve it?Thanks!