vue 的textarea设置不可编辑，同时背景颜色为白色

在Vue.js中，如果你想要创建一个看起来像是禁用的不可编辑的`<textarea>`元素，并使其背景色为白色，你可以通过CSS样式结合v-bind指令来实现。首先，在HTML部分添加一个文本区域：

<template>
  <div>
    <textarea v-bind:class="{ disabled: isDisabled }"
              :disabled="isDisabled"
              @focusout="$emit('blur')" :style="{ backgroundColor: 'white' }"></textarea>
  </div>
</template>

然后，在你的Vue组件的`data()`或`computed:`里定义`isDisabled`的状态：

export default {
  data() {
    return {
      isDisabled: true, // 设置默认为不可编辑状态
    };
  },
  methods: {
    onBlur() {
      // 当失去焦点时（例如用户点击其他地方），触发某些操作，如提交表单
      this.$emit('blur');
    },
  },
};

在这个例子中，`v-bind:class="{ disabled: isDisabled }"`会根据`isDisabled`的值动态改变textarea的class，当`isDisabled`为真时，它会被标记为disabled，无法输入。`:style="{ backgroundColor: 'white' }"`则设置了textarea的背景颜色。