如何根据单击的按钮更改按钮的文字？

Question

我正在使用Vue.js创建一个简单的分步指南。现在，我有一个简单的“复制到剪贴板”按钮，可以复制文本。 现在，我想为用户单击复制按钮时创建反馈。 我的方法是这样做的：

<button class="copyButton" @click="copiedNotice();">{{btnText}}</button>

data() {
        return {
            btnText: 'Copy content'
        }
    },

     copiedNotice: function() {
          this.btnText = 'Copied';
      }

此方法仅更改按钮的文本，但是存在一个问题。我在一页上有3个这些按钮，当我单击一个按钮时，通过更改数据，它更改了所有按钮而不是一个按钮。 有人可以帮忙吗？