tengo este li:

 <li v-for="(row, index) in onceItems" :key="row.product.ID"> <span class="title" ref="title" :class="{ max: getTitleWidth(index) > 200 }"> {{row.product.post_title}} </span> </li>

Quiero darle a la clase "máximo" si el elemento está por encima de 200 px (detectar títulos largos)

 methods: { getTitleWidth: function(index) { this.$nextTick(() => { let width = this.$refs.title[index].clientWidth; console.log(width); return width }) }, }

El registro de la consola devuelve el valor correcto, pero no se proporciona la clase. Creo que tiene algo que ver con nextTick, pero sin él obtengo un valor indefinido.