vue 页面上所有 :readonly="isInputReadonly"的元素，追加灰色的样式

您可以通过在Vue组件中添加一个计算属性来实现这个需求。例如，假设您的Vue组件中有一个名为`isInputReadonly`的数据属性，您可以添加以下计算属性：

computed: {
  inputClass() {
    return {
      'readonly': this.isInputReadonly
    }
  }
}

然后，您可以在需要应用样式的元素上使用`:class`绑定来动态绑定CSS类：

<input type="text" :readonly="isInputReadonly" :class="inputClass">

在这个例子中，如果`isInputReadonly`是`true`，那么`readonly`属性会被应用到输入框，并且`inputClass`计算属性会返回一个包含`readonly`类的对象，这个对象会被应用到输入框上，从而实现了样式的追加。