ElementUi的输入框Input内部设置固定前缀字符串，不能删除
在Element UI中，如果你想要创建一个输入框，其中内置了一个不可删除的固定前缀，你可以使用prefix-icon属性来设置一个图标，但这并不能阻止用户删除已经输入的文本。如果你需要一个固定的文本前缀，并且该前缀不能被删除，你可以考虑使用一个普通的<span>或<div>来显示前缀，并将输入框设置为只读。
以下是一个例子，展示了如何使用一个固定的文本前缀：
<template>
<div>
<span>固定前缀：</span>
<el-input v-model="inputValue" readonly placeholder="请输入内容"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '固定前缀_' // 初始化固定前缀与输入框的值
};
}
};
</script>在这个例子中，el-input设置了readonly属性，使得用户不能编辑输入框的内容。inputValue数据属性被初始化为一个包含固定前缀和一个下划线的字符串。每次用户尝试输入文本时，输入框的值将保持为固定的前缀加上用户输入的内容。这样，固定的前缀就不会被用户删除。
评论已关闭