Как правильно прописать в шаблоне директивы v-if?

Question

[Andrej Sharapov]

Как правильно прописать в шаблоне директивы v-if, при условии, что структура данных может быть как строкой, так и массивом? т.е. в Data { return { ... может быть так "code": "one", или так "code": ["one", "two"],

В шаблоне прописываю так:

template: `
<template v-for="(value, index) in cd.code" :key="index">
    <small class="tag">{{ value }}</small>
</template>
`

работает нормально, но только для массива. Если код выглядит так "code": "one",, то "one" разбивается на 3 тега small

Answer 1

[Сергей Соколов]

Если не массив, преобразовывать в массив:

v-for="(value, index) in (Array.isArray(cd.code) ? cd.code : [cd.code])"

или сделать вычисляемое свойство:

computed: {
  codeArray() {
    return Array.isArray(cd.code) ? cd.code : [cd.code];
  }
}

v-for="(value, index) in codeArray"

Comments

[Andrej Sharapov]

Спасибо! Очень помогло.