el-select实现在输入框回车变小按钮(去除下拉框)

效果

代码

<template>
  <div class="select">
    {{value}}
    <el-select
      v-model="value"
      multiple
      filterable
      allow-create
      default-first-option
      :popper-append-to-body="false"
      placeholder="请选择文章标签"
    >
    </el-select>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: []
      }
    },
    methods:{
    
    }
  }
</script>
<style lang="scss" scoped>
  ::v-deep .el-input__suffix{
    display: none !important;
  }
  ::v-deep .el-select-dropdown {
    display: none;
    }
</style>

手动关闭MessageBox弹窗

this.$msgbox.close();

el-table

在el-table-column 中添加属性sortable使其具有排序的功能
但是排序的顺序跟后端返回数据顺序不一致
将属性sortable改为sortable="custom"
使其禁用自身排序,使用远程返回数据进行渲染