根据渲染数据长度动态渲染后缀图标

在动态获取数据时，想要渲染后面的图标是根据数据的长度渲染图标位置，效果如下： 

代码如下： 

methods: {
    // 计算偏移量
    calculateLeftPosition(str) {
      const length = str.length;
      // 设置基准位置，根据实际需求进行调整
      const basePosition = 150;
      // 设置每个字符的偏移量，根据实际需求进行调整
      const offset = 12;
      // 计算最终的left值
      const leftPosition = basePosition + (length * offset);
      return leftPosition + 'px';
    },
    // 清空数据
    toChangeCus() {
      this.formData.name = '';
    }
}