vue 页面上所有 :readonly="isInputReadonly"的元素，追加灰色的样式，isInputReadonly是一个在computed里的方法

您可以使用Vue的:class绑定指令，将一个CSS类绑定到元素上，以实现追加灰色样式的效果。具体实现方式如下：

1. 在模板中，为需要应用样式的元素添加一个:class绑定指令，将一个计算属性作为绑定值，如下所示：

<template>
  <div>
    <input type="text" :readonly="isInputReadonly" :class="{ 'gray': isInputReadonly }">
  </div>
</template>

2. 在计算属性中，根据逻辑返回一个布尔值或字符串，以判断是否应该应用样式。在这个例子中，我们可以根据isInputReadonly的值来判断是否应该应用样式，如下所示：

<template>
  <div>
    <input type="text" :readonly="isInputReadonly" :class="{ 'gray': isInputReadonly }">
  </div>
</template>

<script>
export default {
  computed: {
    isInputReadonly() {
      // 根据业务逻辑返回一个布尔值或字符串
      return true; // 例如，这里我们假设isInputReadonly的值为true
    }
  }
};
</script>

<style>
  .gray {
    background-color: #ccc; /* 根据需求设定灰色样式 */
  }
</style>

这样，当isInputReadonly的值为true时，就会自动为元素添加gray样式类，从而实现追加灰色的样式。