問題タブ [bootstrap-vue]

bootstrap-vue navitemに問題があります。コンポーネントの幅を設定できないため、ウェブサイトの言語を変更すると、ナビゲーション バーの項目が飛び回ります。

これは次のようになります。

言語 1 言語 2

コードは次のようになり、要素で幅を調整しようとした後、クラスを追加しましたが、まだ何も起こりませんでした

どんな助けでもいいでしょう。ありがとうございました。

vue (bootstrapVue) にテーブルを作成しようとしていますが、テーブルの上のドロップダウン メニューを使用して一度に複数のフィルターを適用したいと考えています。しかし、2 番目のドロップダウンでオプションを選択すると、最初のドロップダウンがリセットされます。これはおそらく非常に簡単ですが、私は初心者であり、その方法がわかりません...

これは私のテーブルです：

これは私のドロップダウンです：

フィルター オプションは組み込み関数だと思います。別の名前で複製して次のドロップダウンに使用する解決策はありますか?

私のデータは次のようになります。

別のプロジェクトで次のようなものを使用しました。

しかし、現在のプロジェクトでこのアプローチを使用する方法がわかりません...

これが私のすべてのドロップダウンフィルターです：

編集：

わかりましたので、しばらくすると、独自のフィルター関数を作成する方法がわかりました。.vue ファイルの「computed:」セクションに入れました。

data元のデータ入力はどこにfilteredDataあり、フィルタリングされたデータはどこにあり、checkCityたとえば、keyフィルタリングしたいチェックボックスです。checkCityチェックボックスの で使用されv-modelます。