問題タブ [vue-tables-2]

vue テーブルの作成にmatfish2 /vue-tables-2を使用しており、スコープ スロットを使用して列にデータを追加できます。

ここに簡単なスニペットがあります：

出力結果テーブルは次のようになります。

そのパッケージを使用すると、オプションを介して列クラスを設定できますが、JavaScript を使用せずにそのクラスを操作したり切り替えたりする方法がわからないため、助けにはなりません。これは、Vue を使用する場合のベストプラクティスではないと想定しています。 .

v-bind:class を試しましたが、そのテンプレート スロットに影響を与えていないようです。

私の目標は、その props.row.get_item.qty > 0 の場合に条件を追加し、クラスを介してその TD 列の背景色を変更することです。

一時的な回避策を更新します。

今のところ数回検索した後、TDの高さを1pxに設定し、次のようにDIVでラップすることで目標を達成できました。

そして、それを色付けするクラス:

TD CSS は次のとおりです。

私が望むものを達成しているようですが、これはDIVでラップし、そのTDトリックに1pxの高さを設定してから最終的に表示を行うことに依存しているため、正しい方法か、これを行うためのより正しい方法があるかどうかはわかりません:ブロックと100 ％ 身長。私には少しハックのように感じます。

lamelemon の提案から派生した簡略化されたバージョン

そして方法：

vue-tables-2コンポーネントを使用しており、Vuex を使用するオプションを設定しています。

別のページにリンクして<router-view>いるテーブル セルがあり、それをクリックすると、vuex で未定義のデータに関するエラーが発生します。

このコンポーネントから離れたときに、もう使用していないことを vuex に伝える方法はありますか?