el-input右侧加百分号

在Element UI的`el-input`组件中，如果你想在输入框的右侧添加一个表示百分比的“%”符号，你可以通过自定义样式或者结合Vue模板语法来实现。这里有一个简单的示例：

1. **CSS样式**:
使用`:after`伪元素可以在input元素的末尾添加内容。例如：

   <template>
     <el-input v-model="percentage" placeholder="请输入百分比" :style="{ '&::after': 'content: "%"; position: absolute; right: 5px; font-size: 14px;' }">
   </template>

这里假设`percentage`是你的数据属性。

2. **Template表达式**:
如果你想要更动态地控制百分号的显示或隐藏，可以使用`v-if`或计算属性：

   <template>
     <el-input
       v-model="percentage"
       placeholder="请输入百分比"
       :suffix-icon="showPercent ? '%' : null"
       @input="updatePercent"
     >
   </template>

   <script>
   export default {
     data() {
       return {
         percentage: '',
         showPercent: true,
       };
     },
     methods: {
       updatePercent(value) {
         // 根据value处理百分号显示逻辑
       }
     }
   };
   </script>

在`updatePercent`方法中，你可以根据输入值的变化条件来切换`showPercent`的状态。