๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Web/Vue

[Vue.js] Vuetify, v-data-table

๋ฐ˜์‘ํ˜•

year๋Š” ๋‚ด๋ฆผ์ฐจ์ˆœ, name์€ ์˜ค๋ฆ„์ฐจ์ˆœ ์ •๋ ฌ ํ•˜๊ณ ์‹ถ๋‹ค

<v-data-table
  :sort-by="['year', 'name']"
  :sort-desc="[true, false]"
>

 

 

group-by ์— ๋”ฐ๋ผ์„œ desc ์„ค์ •

<html>

<v-data-table
  :group-by="groupBy"
  :group-desc="groupDesc"
>

 

<script>

watch: {
    groupBy: function (newText) {
        if(newText === 'name'){
            this.groupDesc = false
        } else{
            this.groupDesc = true
        }
    }
}

 

๋‹ค๋ฅธ tab์—์„œ MathJax ์•ˆ๋จนํž˜ -> :eager="true"๋กœ ์„ค์ • ํ•ด์•ผํ•จ

<v-tab-item :eager="true">
    First Tab
<v-tab-item>

vuetifyjs.com/en/api/v-tab-item/

 

 

๋ฐ˜์‘ํ˜•

'Web > Vue' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Vue] router multiple paths, redirect to default path  (1) 2021.04.14
[Vue.js] CLI ์„ค์น˜ํ•˜๊ธฐ  (0) 2020.12.14
Vuetify, refs  (0) 2020.11.27
[Vue] Vuetify Quick Start  (0) 2020.07.14
[Vue] Delimiters ๋ณ€๊ฒฝ  (0) 2020.07.13