vue element-ui select 远程搜索选择器的label值显示成value值的问题

今天碰到一个很奇怪的bug，用element的远程搜索多选选择器时，选完了前面的，能够显示label绑定的值，选择器绑定的值也记录下了value的值，但是在模糊查询并且选择第二个选择的时候，第一个显示的label值会变成显示value值

下面是HTML代码

下面是JavaScript代码

var Main = {
    data() {
      return {
        options: [],
        value: [],
        list: [],
        loading: false,
        states: [
          {
            userId: 1,
            userName: 'xx'
          },
          {
            userId: 2,
            userName: 'yy'
          }
        ]
      }
    },
    mounted() {
      this.list = this.states.map(item => {
        return { value: item.userId, label: item.userName };
      });
      console.log(this.list)
    },
    methods: {
      remoteMethod(query) {
        if (query !== '') {
          this.loading = true;
          setTimeout(() => {
            this.loading = false;
            this.options = this.list.filter(item => {
              return item.label.toLowerCase()
                .indexOf(query.toLowerCase()) > -1;
            });
          }, 200);
        } else {
          this.options = [];
        }
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

然后下面是输入第一个选择的时候的情况，第一个名字显示正常，为’xx’

然后接下来输入多选的第二个选择

第二个选择的名字显示是正常的，但是第一个选择理应显示label值的，但是他变成了显示value的值
很奇怪，找了很久，最后发现是element版本问题。

把2.11.0版本改成2.0.11版本就可以了

以下是改了之后的正常情况

所以element更新了新版本还有bug，希望看到的同志别踩坑太久