En vue.js 2.0, estoy tratando de calcular una clase como esta:
<li :class="'str1' calcStarClass(1, p.rtg)"> </li>Y en métodos tengo:
methods: { calcStarClass(starNum, rating) { switch (starNum) { case 1: switch (rating) { case (rating == 0): return "str" break; case (0 < rating < 1): return "strh" break; case (rating >= 1): return "strf" break; default: return "strf" } break; case 2: ...Pero me sale este error:
Raw expression: :class="'str1' calcStarClass(1, p.rtn)" Cuando pruebo <li v-bind:class="'str1' calcStarClass(1, p.rtg)"> en su lugar, aparece este error:
invalid expression: Unexpected identifier in 'str1' calcStarClass(1, p.rtg) Raw expression: v-bind:class="'str1' calcStarClass(1, p.rtg)"Me pregunto qué causa este error y cómo puedo solucionarlo.
Cuando usa v-bind , espera una expresión javascript válida, pero 'str1' calcStarClass(1, p.rtg) no es una expresión javascript válida. Use + para concatenar varias clases si eso es lo que necesita:
<li :class="'str1 ' + calcStarClass(1, p.rtg)">podrías actualizarlo como este
<li :class="['str1', calcStarClass(1, p.rtg)]">De otra manera
<li class="str1" :class="calcStarClass(1, p.rtg)">