a==true?为真:为假 ( 三元运算,小白快速明白)

案列:在代码中出现了下面几句代码

var a = true//定义a = true

a==true?'小李':'小刘'


这里表达了 如果a=true 为真 那么元素内容为 '小李'  否则为 '小刘'

因为a=true 所以为真

最终结果 '小李'

项目实战:以上面案列为基准

现在我们需要一个按钮来控制   删除商品   关闭删除

当我们点击   '删除商品'  时候。按钮文字就会变成   '关闭删除'

再次点击关 '关闭删除', 按钮文字就变成 '删除商品

vue项目为列:


 return {

        a:true,

  }

<button @click="handChange">{{a==true?'删除商品':'关闭删除'}}</button>

methods: {
       handChange(){//点击切换按钮文字内容
             this.a = !this.a
       },

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值