2020-10-11移动端改变状态,不同显示style

需求是不同状态显示按钮内容不一样,style也不同,这个时候v-if就派上用场了

老规矩,代码在右边,效果图在左边噢!

@click.stop实在太好用了,在状态为1已过期的时候,点击这个时候再次购买的按钮直接要去到商品详情里面,没有使用stop直接会闪一次在二维码的页面,使用@click.stop以后,就直接很流畅的跳转到了商品详情进行再次购买

话不多说,直接上代码(一看就秒懂噢,再次感谢身边同学和盆友的陪伴):



最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • vue
    VUE Vue ：数据驱动的M V Vm框架 m ：model（后台提供数据），v ：view（页面），vM（模板...
    wudongyu阅读 10,767评论 0赞 11
  • 税务申请
    <template> <el-form :inline="false" :model="form" ref="...
    南漂一枚阅读 2,707评论 0赞 0
  • uniApp自定义聊天信息左滑删除效果
    仿QQ删除聊天和删除好友 效果图： （1） Friend-page.vue文件相关代码 <template nam...
    七月_26e8阅读 8,142评论 0赞 0
  • vue 学习总结
    # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,070评论 0赞 6
  • Vue官方教程笔记（Vue 1.X）
    1.安装 可以简单地在页面引入Vue.js作为独立版本，Vue即被注册为全局变量，可以在页面使用了。 如果希望搭建...
    Awey阅读 13,805评论 4赞 129

友情链接更多精彩内容