VUE实现点击后按价格或名称排序

最新推荐文章于 2024-07-18 10:08:04 发布

F_san

最新推荐文章于 2024-07-18 10:08:04 发布

阅读量2.1k

点赞数 2

文章标签： vue.js

本文链接：https://blog.csdn.net/F_san/article/details/112615906

版权

本文介绍如何在Vue.js应用中实现表格数据的点击排序，包括根据价格和名称进行升序或降序排列的详细步骤。

摘要由CSDN通过智能技术生成

VUE实现点击后按价格或名称排序

<template>
  <div class="hot">
    <div class="hot-top">
      <button :class="current == 'suiji' ? 'active' : ''" @click="doSuiji">
        随机
      </button>
      <button :class="current == 'price' ? 'active' : ''" @click="doPrice">
        价格
      </button>
      <button :class="current == 'sales' ? 'active' : ''" @click="doSales">
        销量
      </button>
    </div>
    <ul