vue + element input后加

要在Vue和Element UI的输入框中添加百分号，可以通过以下步骤实现：

1. 在Vue组件中，使用v-model指令将输入框的值绑定到一个数据属性上，例如inputValue。
2. 在<el-input>组件中，使用:value属性将绑定的数据属性inputValue赋值给输入框的值。
3. 使用slot插槽，在输入框的右侧添加一个附加内容的插槽。
4. 在插槽中添加一个文本元素，内容为百分号符号%。
5. 在Vue的计算属性中，创建一个名为formattedValue的计算属性，用于返回带百分号的格式化值。
6. 在<el-input>组件的:value属性中，将计算属性formattedValue作为值。

以下是一个示例代码：

<template>
  <el-input v-model="inputValue" :value="formattedValue">
    <template slot="append">%</template>
  </el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: 0,
    };
  },
  computed: {
    formattedValue() {
      return this.inputValue + "%";
    },
  },
};
</script>

在上述代码中，输入框的值将通过v-model指令绑定到inputValue数据属性上。在<el-input>组件中，通过:value属性将formattedValue计算属性的值赋给输入框的值。在输入框的右侧附加内容插槽中，添加一个文本元素，内容为百分号符号%。计算属性formattedValue返回带百分号的格式化值，最终显示在输入框中