t-coupon-bag
v1.0.0
Published
### import tCouponBag from '@/t-coupon-bag/components/t-coupon-bag/t-coupon-bag.vue'
Downloads
60
Readme
使用 npm i t-coupon-bag 或者 cnpm i t-coupon-bag安装插件
import tCouponBag from '@/t-coupon-bag/components/t-coupon-bag/t-coupon-bag.vue'
<t-coupon-bag :tabTemp="typeTemp" @lower='lower' @choice-tic-type="choiceTicType" :themeColor="'#ff6300'" :couponData='dataList'>
tabTemp tab按钮数据
@choice-tic-type="choiceTicType" tab按钮点击事件
tab切换
const typeTemp = [{label: '未使用',value: '未使用'},{label: '已使用',value: '已使用'},{label: '已过期',value: '已过期'}]
点击事件
const choiceTicType = (index:number) =>{
console.log('选中',index)
}
interface List {
status: String,
title: String,
desc: String,
limitTime: String,
id: Number
}
const dataList = ref < List[] > ([]);
const lower = () => {
const list = []
dataList.value = [...dataList.value]
// dataList.value = dataList.value.concat(list)
}