javascript - 选中复选框时如何显示按钮？

Question

每当检查一个框时，如何显示按钮？

试图隐藏按钮，但当我检查了至少一个框时，我不知道如何显示它。

<button data-toggle="tooltip" 
hidden="hidden"
title="Save" 
v-on:click="save">
<span >Submit ({{pr.selected.length}}) </span>
</button>

标签： javascripthtmlvue.js

Answer 1

您需要将按钮可见性的值存储在您的状态中

data() {
  return {
     visible: true
  }
}

然后，将您的按钮依赖于该状态

<button v-if="visible">

并简单地切换状态

 // to show 
 this.visible = true;

 // to hide
 this.visible = false;