Element-uiのTableを使用している場合、表に問題が表示されません

ブロガーはプロジェクトでお腹が空いたdialogコンポーネントを使用してtableコンポーネントを埋め込むと問題が発生し、tableに同じ値を繰り返し割り当てると表がエラーに見えず、同じ問題に遭遇した友达は避けることができることを発見した.
リンクを開いて私と一緒に操作することができます.
1.ネストされたテーブルのdialogをクリックすると、ダイアログボックスのテーブルに多くのデータが表示されます.
2.getボタンをクリックし、ネストされた表を開くdialogをクリックすると、ダイアログボックスにデータが1つしかありません.
3.getボタンをクリックし、ネストされた表のdialogを開くと、ダイアログボックスに表が表示されなくなります!!!
なぜか分かりませんが、皆さんはこれから同じ値を繰り返さないようにすればいいだけです.
添付:
jsコード:

var Main = {
    data() {
      return {
        gridData1:[],
        gridData: [{
          date: '2016-05-02',
          name: '   ',
          address: '           1518  '
        }, {
          date: '2016-05-04',
          name: '   ',
          address: '           1518  '
        }, {
          date: '2016-05-01',
          name: '   ',
          address: '           1518  '
        }, {
          date: '2016-05-03',
          name: '   ',
          address: '           1518  '
        }],
        dialogTableVisible: false,
        dialogFormVisible: false,
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        },
        formLabelWidth: '120px'
      };
    },
    methods:{
     get(){
     this.gridData = [{
          date: '2016-05-02',
          name: '   ',
          address: '           1518  '
        }];
     }
    },
    mounted(){
    this.get()
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

htmlコード:

        Dialog
get

  
    
    
    
   
  
scss： 
   
   
  
@import url("//unpkg.com/[email protected]/lib/theme-default/index.css");