需求:vue里的button要在点击之后来回切换按钮名字

比如一开始叫“显示监控”,点击后变成“隐藏监控‘,再次点击又变成”显示监控“。

实现:

<button type="button" class="botton" @click="funcShowAllCameras">{{flagShowCameras ?'隐藏监控':'显示监控' }}</button>
<button type="button" class="botton" @click="funcProjectHighlight">{{flagProjectHighlight ?'取消高亮':'项目高亮' }}</button>

这里我的flagShowCameras一开始为false。所以一开始显示如下:

点击后:

Logo

前往低代码交流专区

更多推荐