Element-uiピット記録

1、element-ui同じページに複数のtableテーブルを配置すると、テーブルのレイアウトが乱れ、異なるテーブルの内容が互いに上書きされ、el-tableラベルにバインドされる可能性があります.key=「Math.random()」で問題を解決します.

keyの特殊な属性は主にVueの仮想DOMアルゴリズムに用いられ,新旧nodes対比時にVNodesを認識する.keyを使用しない場合、Vueは動的要素を最大限に減らし、同じタイプの要素をできるだけ修復/再利用しようとするアルゴリズムを使用します.また,ピクチャリロードを用いた場合,リストが変化してピクチャがリフレッシュされなかった場合にkey値を動的にバインドしてみることもできる.
2、element-ui表火狐ブラウザで枠線が表示されない問題が発生する可能性があります(必ずしも発生するわけではありません.確率は低いですが、ぶつかると煩わしいです).element-uiがtableラベルにborder-collapse:collapseを設定しているためです.これにより、表の枠線がマージされます.スタイルborder-collapse:separateを書きます.カバーすればいい.

.gladSo_table /deep/ table {
    border-collapse: separate;
 }

3、element-uiの複数選択ボックスグループとページングを同時に使用すると、ページングを切り替えるときにページが再レンダリングされ、前のページで選択したデータが消去されます.el-checkbox-groupでchangeイベントをバインドしない代わりに、el-checkboxでchangeイベントをバインドし、$eventを使用して現在の操作がチェックされているかチェックされていないかを渡すことができます.

    {{ item.name }}