vue.js 数据根据升降排序

根据用户点击的切换icon做升降排序

切换icon 给他定义一个默认状态 默认为false

issort: false

用户点击切换的时候取反

this.issort = !this.issort

接口请求的时候 让数据进行排序

getlist() {
			goodslist(this.queryParams).then(res => {
				if (res.code == 200) {
				//true为升序
					if (this.issort) {
						 res.data.sort((a, b) => { return a.goodsIntegral - b.goodsIntegral })//升序
					} else {
						 res.data.sort((a, b) => { return b.goodsIntegral - a.goodsIntegral })//降序
					}
					this.datalist = res.data
				}
			})
		},

每次切换 在请求一下列表数据接口，就能做到想要的数据排序了

changsort() {
			this.issort = !this.issort
			this.getlist()
		},