这篇博客介绍了如何在Vue中实现按钮状态切换，当按钮被点击时，显示包含多个问题和答案的弹窗。弹窗内容包括关于支付方式的问题，特别指出不支持支付宝并建议使用银行卡支付。博客还提及了CSS样式和JavaScript代码实现细节。
弹窗：
{ {rules[type].title}}
Q { {list.question}}
A { {list.answer}}
按钮：
押钱
减重
分钱
vuejs：
var app = new Vue({
el: '#chose-class-v',
data: {
rules:[
{
title:'压钱',
image_bg:'1',
iconName:'icon-icongroup',
content:[
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微信号支付仅限微信支付，可将钱转到银行卡支付。'
},
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微信号支付仅限微信支付，可将钱转到银行卡支付。'
},
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微信号支付仅限微信支付，可将钱转到银行卡支付。'
},
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微信号支付仅限微信支付，可将钱转到银行卡支付。'
},
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微信号支付仅限微信支付，可将钱转到银行卡支付。'
},
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微信号支付仅限微信支付，可将钱转到银行卡支付。'
}
]
},
{
title:'减重',
image_bg:'2',
iconName:'icon-cup',
content:[
{
question:'可以用支付宝支付吗？ ',
answer:'暂不支持支付宝。因腾讯微
最低0.47元/天 解锁文章
扫一扫
825
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
