Vuejs - пройти через проп, если он существует или ноль - PullRequest
Новая
       22

Vuejs - пройти через проп, если он существует или ноль

0 голосов
/ 30 мая 2018

У меня есть компонент 

<score :totalScore="totalScore || 0"> </scrore>

Оценка обычно устанавливается в int, но бывают случаи, когда оценка не имеет никакого значения.В этих случаях, как я могу передать хотя 0, чтобы поймать эту ошибку?

1 Ответ

0 голосов
/ 01 июня 2018

В вашем компоненте «Score» определите реквизит следующим образом: 

Vue.component('score', {
//...
props: {
    totalScore: {
        type: Number,
        default: 0
    }
},
//...
// optionally you could also define a computed property to set 0 by default
computed: {
    totalScoreInt(){
        return parseInt(this.totalScore) || 0;
    }
}    
//...
});

, затем используйте его следующим образом: 

<score :total-score="totalScore"> </scrore>

Кроме того, в шаблонах вы не должны определять реквизиты вcamelCase, вы должны использовать вместо этого kebab-case, так как html-атрибуты не чувствительны к регистру, а любые прописные символы интерпретируются строчными.

см. документы: https://vuejs.org/v2/guide/components-props.html#Prop-Validation

fiddle: https://jsfiddle.net/thogrtyr/

...