vue (uni-app) 价格选择切换

最新推荐文章于 2023-03-11 16:16:35 发布

不看一

最新推荐文章于 2023-03-11 16:16:35 发布

阅读量1.7k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_35960620/article/details/106541697

版权

本文介绍如何在Vue和Uni-App中实现价格选择切换功能。通过展示view代码、data属性的设置以及JavaScript方法，详细阐述了切换过程。同时，还提供了SCSS样式的应用来美化界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

切换一

切换二

思路一

view代码

<view class="pay" v-if="payrmb == 1">
    <view class="rmb hot" @click="switchPrice(1)">
            <text>￥198元  1年</text>
    </view>
    <view class="rmb" @click="switchPrice(2)">
            <text>￥118元  6个月</text>
    </view>
</view>
<view class="pay" v-else>
    <view class="rmb" @click="switchPrice(1)">