element-ui的el-select比较好的实现全选功能，选中时不显示全选

看了网上的全选实现方式，总结出了下面比较好的实现方式。不会侵入以前的代码，代码也比较简单
Talk is cheap show me the code

    

      全选
    
    
    

export default {
  data() {
    return {
      options: [
        {
          value: "1",
          label: "黄金糕"
        },
        {
          value: "2",
          label: "双皮奶"
        },
        {
          value: "3",
          label: "蚵仔煎"
        },
        {
          value: "4",
          label: "龙须面"
        },
        {
          value: "5",
          label: "北京烤鸭"
        }
      ],
      values: ["1", "3"],
    };
  },
  computed: {
    allSelected() {
      return this.options.length === this.values.length
    }
  },
  methods: {
    selectAll() {
      this.values = !this.allSelected ? this.options.map(e => e.value) : []
    }
  }
}

测试地址：https://codepen.io/cxl363351042/pen/VwboMdG