帮我写一个输入框 可以输入带有百分比和值的两个单选框选择，来改变输入框里面的值 百分比的话值就有百分号 输入框左右有两个加减按钮 每次递减0.01 vue

以下是一个简单的 Vue 代码示例，实现了您的需求：

<template>
  <div>
    <div>
      <input type="radio" id="radio1" value="value" v-model="inputType">
      <label for="radio1">Value</label>
      <input type="radio" id="radio2" value="percent" v-model="inputType">
      <label for="radio2">Percent</label>
    </div>
    <div>
      <button @click="decrement">-</button>
      <input type="text" v-model="inputValue">
      <button @click="increment">+</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputType: 'value',
      inputValue: 0
    }
  },
  methods: {
    increment() {
      this.inputValue = parseFloat(this.inputValue) + 0.01;
    },
    decrement() {
      this.inputValue = parseFloat(this.inputValue) - 0.01;
    }
  },
  computed: {
    displayedValue() {
      if (this.inputType === 'percent') {
        return `${this.inputValue}%`;
      } else {
        return this.inputValue;
      }
    }
  }
}
</script>

该代码实现了以下功能：

- 通过两个单选框选择输入类型：值或百分比。
- 在输入框中输入值或百分比。
- 在输入框左右两侧有加减按钮，每次单击将值增加或减少0.01。
- 根据输入类型，在输入框中显示值或百分比。