elementui 输入框后加文字

你可以使用Element UI的`el-input`组件，在输入框后面添加文字，可以通过`append`属性来实现。例如：

<el-input placeholder="请输入内容" v-model="inputValue" append="元"></el-input>

其中，`append`属性的值即为要添加的文字。在上面的例子中，输入框后面会自动添加“元”字。

相关问题

elementui 输入框样式优化

1. 调整输入框的边框颜色和宽度，使其更加明显和突出；
2. 修改输入框的背景色和字体颜色，让其更加清晰和易于识别；
3. 设置输入框的圆角半径，让其更加美观和舒适；
4. 添加边框阴影或者内部阴影，增强输入框的立体感；
5. 调整输入框的高度和宽度，确保输入框的大小适合不同的场景；
6. 添加输入框的图标或者提示文字，提高输入框的可用性和易用性；
7. 设置输入框的焦点状态，让用户更加容易地识别当前正在编辑的输入框。

elementui组件输入框规定输入11位数字

可以使用 ElementUI 中的 el-input 组件，结合正则表达式来实现输入框只能输入 11 位数字的规定。

示例代码如下：

<template>
  <el-input v-model="phone" :maxlength="11" placeholder="请输入手机号码" :pattern="'^[0-9]{11}$'" :title="'请输入11位数字'" />
</template>

<script>
export default {
  data() {
    return {
      phone: '',
    }
  },
}
</script>

在 el-input 组件中，我们指定了最大长度为 11，同时使用了正则表达式指定了只能输入 11 位数字，并且在输入不符合规范时会有提示文字出现。