Vue.js 中的参数验证

Question

I am new to Vue.js and I am trying to validate parameters that I want to output.

I have a title in a one row where are 3 data blocks.

Title: "Name: John Smith, Country: Italy, Job: CEO"

Data comes from db and I need a validation so if any data lock has null then it doesn't appear in the title. For example if job is missing, then title will be "Name: John Smith, Country: Italy"

Hao can I do this?

Answer 1

v-if is commonly used for this:

<span v-if="user.name">Name: {user.name}</span>
...

The use of inline elements allows to render it as a single line.

If it's necessary to concatenate fields with commas and a line doesn't need additional markup, it can be conditionally concatenated and likely be computed property:

return [
  user.name && `Name: ${user.name}`,
  ...
].filter(Boolean).join(', ');