案列:在代码中出现了下面几句代码
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
},}