Vue.js 未动态禁用Vue组件按钮

我有一个组件

命令按钮

包装了一个Vuetify

v-btn

组件

命令按钮

接收一个名为

禁用

的属性，该属性的类型为布尔、非必需且默认为false

命令按钮

正在另一个名为

工具栏

的组件中使用，其中在

v-for

循环中，我使用传递给

工具栏

的

操作

对象的配置数组作为属性添加

命令按钮

<command-button
  v-for="(action, index) in actions"
  :key="index"
  :label="action.label"
  :disabled="action.disabled"
  @click="action.handler"
></command-button>

我在我的视图组件的数据中声明

工具栏的
操作
，如下所示：

data() {
  return {
    ...        
    actions: [
      {
        label: "Delete",
        handler: this.onDelete,
        disabled: this.disable // This can be a computed or a data element
      },
      {
          label: "Add",
          handler: this.onAdd
      }
    ],
    ...
  },

问题是，
命令按钮
没有被动态禁用，无论我是使用
计算的
还是
数据中的成员。只有在
actions
configuration对象中使用literal
true
时，它才起作用。进行一些调试时，在
工具栏中收到的
actions
元素的
disabled
属性的
值是
未定义的
您不能在
数据
对象中引用计算属性，因为创建实例时不会定义它。您可以在此
上添加一个观察者。禁用
并更新
操作[0]的值。更改时禁用
。
您是否获得
标签
属性？是的，按钮将使用无问题标签重新设计。我将使用事件而不是观察者解决问题。但事实上，我不能使用计算或其他数据成员作为数据成员的值，这让我明白了很多。。。谢谢
data() {
  return {
    ...        
    actions: [
      {
        label: "Delete",
        handler: this.onDelete,
        disabled: this.disable // This can be a computed or a data element
      },
      {
          label: "Add",
          handler: this.onAdd
      }
    ],
    ...
  },