Добавление методов к элементам, созданным v-for в Vuejs

Добавлены инструкции IF / ELSEIF в код из Dave и AmalMurali для обработки строк без пробелов

if ((strpos($string, ' ') !== false) && (strlen($string) > 200)) { 
    $WidgetText = substr($string, 0, strrpos(substr($string, 0, 200), ' ')); 
} 
elseif (strlen($string) > 200) {
    $WidgetText = substr($string, 0, 200);
}

1
задан Paras Korat 2 March 2019 в 04:27
поделиться

1 ответ

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

<li v-for="category in categories">
    <a @click="filter(category)">{{ category }}</a>
</li>

и позже в методах:

filter(category) {
    // this could be a switch case too
    if(category === 'a') {
        a();
    } else if (category === 'b') {
        b();
    }
}

Тем не менее, я не уверен, как выглядит остальная часть кода, но обычно я использую вычисленные свойства, чтобы фильтровать элементы. тогда вычисленные значения будут выглядеть примерно так:

filteredItems() {
    this.items.filter((item) item.type = this.currentFilter)
}

, а метод фильтра будет

filter(category) {
    this.currentFilter = category;
}
.
0
ответ дан Dario Cavanillas 2 March 2019 в 04:27
поделиться
Другие вопросы по тегам:

Похожие вопросы: