может выглядеть примерно так
<template>
<div>
Сортировать по:
<span class="smth" @click="expand = true">{{ order.field === 'price' ? 'По цене' : 'По популярности' }}</span>
<div class="expanded" v-if="expand">
<ul>
<li @click="order.field = 'price'">>По цене</li>
<li @click="order.field = 'pop'">По популярности</li>
</ul>
</div>
</div>
</template>
<script>
export default {
data() {
return { expand: false, order: { field: 'price' } };
},
};
</script>
сейчас посмотрю пример вашего решения, но прежде хотел бы сказать, что все действительно решается версткой
Обсуждают сегодня