может выглядеть примерно так
                  
                  
                  <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>
                  
                  
                
сейчас посмотрю пример вашего решения, но прежде хотел бы сказать, что все действительно решается версткой
Обсуждают сегодня