Vue Input pass an array

Question

I'm unsure how to approach this problem. I have input and it needs to take a URL and the user can put in as many URLs as they want.

For example:

<input 
  type="text"  
  v-model="fields.urls" 
  class="form-control" 
  id="basic-url"
  aria-describedby="basic-addon3">

I need to pass an array of URLs to the backend like this:

 ['firsturl', 'secondurl', ...]

How does the user type URLs? Are they just comma separated values or..? What have you tried to fix this? — maxshuty
– maxshuty, Commented Mar 12, 2021 at 17:59

Bulent · Accepted Answer · 2021-03-12 18:17:22Z

3

It's a better idea to ask for a string of all URLs and convert it into an array.

This will produce an array of URLs out of a comma-separated string.

// field.urls = google.com, amazon.com, stackoverflow.com
let urls = fields.urls.split(',').map(x => x.trim())

answered Mar 12, 2021 at 18:17

Bulent

3,4411 gold badge19 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1