- 22
- 0
页面A 点击功能A 跳转到 页面B 可以选择优惠券,单选,多选都可以 保存之后 回到页面A
再通过页面A点击功能A 到页面B选择优惠券的时候 显示之前操作已经选择的优惠券
P.S 保存功能 没有走接口
纯前端 vue应该怎么实现
优惠券结构代码
<el-col :span="3" v-for="item in tableData" class="item" :key="item.id">
<div @click="handleItemClick(item)">
<div class="selected" v-if="item.isSelected">√</div>
<div class="header">{{item.name}}</div>
<div class="left-circle"></div>
<div class="left"></div>
<div class="middle">
<div class="price text" v-if="item.groupGoodsVO">{{item.groupGoodsVO.goodsName}}</div>
<div class="price" v-else>
<span>¥</span>{{item.price | money}}
</div>
<div class="condition">
{{item.money === -1 ? '无金额门槛' : `满${(item.money / 100).toFixed(0)}元可用`}}
</div>
<div class="date">
{{getValidDate(item)}}
</div>
</div>
<div class="right-circle"></div>
<div class="right"></div>
<div class="bottom">
<div class="bottom-text">
<span class="label">限品类:</span>
<span class="value">{{item.groupRuleGoodsVO ? '限部分商品' : '不限'}}</span>
<span class="label">限平台:</span>
<span class="value">{{item.groupRuleGoodsVO ? '限部分平台' : '不限'}}</span>
<span class="label">券编号:</span>
<span class="value">{{item.codeRule}}</span>
</div>
<!--<div>-->
<!--<span class="label">限平台:</span>-->
<!--<span class="value">{{item.groupRuleScopeVO ? '限部分门店' : '不限'}}</span>-->
<!--</div>-->
<!--<div>-->
<!--<span class="label">券编号:</span>-->
<!--<span class="value">{{item.codeRule}}</span>-->
<!--</div>-->
</div>
</div>
</el-col>
选择优惠券功能代码
handleItemClick (item) {
console.log(item);
this.tableData.map((data) => {
if (item.id === data.id) {
// this.$set(data, 'isSelected', item.id === data.id);
if (item.isSelected){
this.$set(data, 'isSelected',false);
} else {
this.$set(data, 'isSelected',true);
};
}
});
} 0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

