Как правильно передать данные шаблону?

Question

[Andrej Sharapov]

Добрый день.

Подскажите, как правильно указать вывод данных в шаблоне, при условии, что значение может быть строкой или числом?

Т.е. если содержимое, не сумма, а текст

"cost": 1000, // сюда еще добалвяется валюта (₽) из шаблона
"cost": "Agreement", // тут ее не должно быть

Пример (cost):

"table": [
            {
                "title": "Selection",
                "capt": "",
                "cost": 1000,
                "fullcontent": ""
            },
            {
                "title": "1 page",
                "capt": "",
                "cost": "Agreement",
                "fullcontent": ""
            },

В шаблоне я указываю:

<h4>{{ p.title }}</h4>
<p><strong>Cost: {{ p.cost }} ₽</strong></p>

Answer 1

[Eugene Chefranov]

<span v-for="(p, index) in table" :key="index">
<h4>{{ p.title }}</h4>
<p><strong>Cost: {{ p.cost }} ₽</strong></p>
</span>

и table без кавычек в data

data: {
    table:  [...]
  },

Comments

[Andrej Sharapov]

я имел ввиду, как убрать валюту, если содержимое, не сумма

"cost": 1000,
"cost": "Agreement",

[Eugene Chefranov]

Andrej Sharapov,

<p><strong>Cost: {{ p.cost }} <span v-if="typeof p.cost == 'number'">₽</span></strong></p>

[Andrej Sharapov]

Eugene Chefranov, помогло, спасибо.