uniapp 使用 mixin 将订单列表和订单详情里相同的操作共同使用

orderMixin.js

export default {
	methods: {
		async handleOrderCancel(item) {
			let data = {}
			if (item.order_type === 'goods') {
				data = await this.$api.index.goodsOrderCancel({
					order_id: item.id
				})
			} else {
				data = await this.$api.index.homestayOrderCancel({
					order_id: item.id
				})
			}
			uni.showToast({
				title: data.message
			})
			console.log(data)
		},
		async handleOrderPay(item) {
			console.log('订单立即支付')
		}
	}



}

在order.vue页面中使用mixin

<u-button @click="handleOrderCancel(item)" > 取消订单 </u-button>

import orderMixin from "@/common/orderMixin.js"

export default { mixins: [orderMixin] }