要素UIテーブルはドロップダウンフィルタリング機能を実現します

<テンプレート>
<el-テーブル
        :data="テーブルデータ"
        スタイル="幅: 100%"
        empty-text="まだデータがありません"
        ref="フィルターテーブル"
      >
        <el-テーブル列
          prop="デバイスタイプ"
          label="デバイスタイプ"
          オーバーフローツールチップを表示
          列キー="デバイスタイプ"
          :フィルター="[
            { テキスト: '気象設備', 値: 1 },
            { テキスト: '感情装備', 値: 0 },
          ]"
          :filter-method="filterHandler"
          :filter-multiple="true"
        >
          <テンプレート スロット スコープ="スコープ">
            <span v-if="scope.row.deviceType == 1">気象監視装置</span>
            <span v-if="scope.row.deviceType == 0">崩壊監視装置</span>
            <span></span>
          </テンプレート>
        </el-table-column>
      </el-table>
</テンプレート>

メソッド: {
// ヘッダーフィルタリングイベント filterHandler(value, row, column) {
      const property = column["プロパティ"];
      row[プロパティ] === 値を返します。
    }
     }