VueJs - 요소 Ui - 다른 필터와 동일한 테이블

Question

데이터 세트가있는 테이블을 작성합니다.

{ 
    date: '2016-05-03', 
    name: 'Tom'   
    address: 'No. 189, Grove St, Los Angeles', 
    tag: 'Home' 
} 

소품 date 내 테이블 date 및 day에 두 개의 열을 만드는 데 사용할 예정이다.

getDay(row, column) { 
    return row.date.slice(8,10); 
    }, 

I 독립적으로 열 및 dateday를 필터링 할 수 있도록하려는 것이다. 또는 필터 방법은 표의 prop에 의존합니다.

filterTag(value, row) { 
    return row.tag === value; 
    }, 
    filterDay(value, row) { 
    return row.date === value; 
    } 

그런 상황에서 가장 좋은 해결책은 무엇입니까?

데이터가 동일하지만 필터링 되었기 때문에 새 키 day을 작성하여 복제하지 않으려합니다.

원하는 형식으로 tableData을 얻을 수있는 새로운 키 day

https://jsfiddle.net/o56yveqq/

Answer 1

를 사용하여 계산 된 값을 만들지 않고 다른 솔루션이나 할 불가능이있다.

computed:{ 
    dataWithDay(){ 
     return this.tableData.map(d => { 
      return { 
      ...d, 
      day: d.date.slice(8,10) 
      } 
     }) 
    } 
}, 

그런 다음 템플릿에서, 데이터 대신 tableData으로 계산 된 값을 사용합니다.