如何禁用导航组件中的按钮

<button disabled class="disabled-button">按钮</button>

<style>
  .disabled-button {
    background-color: #ccc;
    color: #999;
    cursor: not-allowed;
  }
</style>

<button id="myButton">按钮</button>

<script>
  var button = document.querySelector('#myButton');
  button.disabled = true;
</script>

<template>
  <button :disabled="isButtonDisabled">按钮</button>
</template>

<script>
  export default {
    data() {
      return {
        isButtonDisabled: true
      }
    }
  }
</script>