Vue——按钮名字点击来回切换

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

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

实现：

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

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

点击后：