如何禁止Vue中的v-model输入发生变化

<template>
  <input v-model="inputValue" />
</template>

<script>
export default {
  data() {
    return {
      fixedValue: '固定的值'
    };
  },
  computed: {
    inputValue: {
      get() {
        return this.fixedValue;
      },
      set(value) {
        // 不做任何操作，禁止输入发生变化
      }
    }
  }
};
</script>

<template>
  <input :value="inputValue" @input="disableInput" />
</template>

<script>
export default {
  data() {
    return {
      inputValue: '固定的值'
    };
  },
  methods: {
    disableInput(event) {
      event.preventDefault();
    }
  }
};
</script>

<template>
  <input v-model="inputValue" v-disable-input />
</template>

<script>
export default {
  data() {
    return {
      inputValue: '固定的值'
    };
  },
  directives: {
    disableInput: {
      bind(el, binding, vnode) {
        vnode.context.inputValue = '固定的值';
      }
    }
  }
};
</script>