我只改变部分输入的文字颜色

如果您只需要改变 el-input 内部部分文字的颜色，可以使用以下两种方法：

1. 使用 innerHTML 属性

<el-input>
  <template v-slot:prepend>前置内容</template>
  <template v-slot:append>后置内容</template>
  <template v-slot:prefix>
    <span style="color: red">部分文字</span>
  </template>
</el-input>

在 el-input 中使用 slot，然后在 slot 中使用 innerHTML 属性，将需要改变颜色的部分文字包裹在 span 标签内，并为 span 标签设置颜色样式。

2. 使用自定义指令

<el-input v-color="'red'"></el-input>

在 el-input 上使用自定义指令 v-color，然后在指令中通过 el-input 内部的 DOM 元素，将需要改变颜色的部分文字包裹在 span 标签内，并为 span 标签设置颜色样式。

自定义指令的实现代码如下：

Vue.directive('color', {
  bind: function (el, binding) {
    let colors = binding.value.split(',');
    let text = el.value;
    let index = text.indexOf(colors[0]);
    let lastIndex = text.lastIndexOf(colors[1]);
    let prefix = text.slice(0, index);
    let middle = text.slice(index, lastIndex + colors[1].length);
    let suffix = text.slice(lastIndex + colors[1].length, text.length);
    el.innerHTML = prefix + '<span style="color:' + colors[2] + '">' + middle + '</span>' + suffix;
  }
})

在使用自定义指令时，可以传递三个参数，分别为需要改变颜色的文本的前缀、后缀和颜色。通过指令中的代码，找到需要改变颜色的部分文字的位置，然后将其包裹在 span 标签内，并为 span 标签设置颜色样式。