diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-30 00:50:45 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-09-30 00:50:45 +0900 |
| commit | 1ac1a968b9edd801aa13e8dae56ca378744d9e2e (patch) | |
| tree | 858fc2a3f93db6590334e1056fc4a93814c8cfcc /src/client/components/tab.vue | |
| parent | add todo (diff) | |
| download | sharkey-1ac1a968b9edd801aa13e8dae56ca378744d9e2e.tar.gz sharkey-1ac1a968b9edd801aa13e8dae56ca378744d9e2e.tar.bz2 sharkey-1ac1a968b9edd801aa13e8dae56ca378744d9e2e.zip | |
refactor components
Diffstat (limited to 'src/client/components/tab.vue')
| -rw-r--r-- | src/client/components/tab.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/client/components/tab.vue b/src/client/components/tab.vue index 3902b7f98f..7705fc3d6d 100644 --- a/src/client/components/tab.vue +++ b/src/client/components/tab.vue @@ -3,7 +3,7 @@ import { defineComponent, h, resolveDirective, withDirectives } from 'vue'; export default defineComponent({ props: { - value: { + modelValue: { required: true, }, }, @@ -13,11 +13,11 @@ export default defineComponent({ return withDirectives(h('div', { class: 'pxhvhrfw', }, options.map(option => withDirectives(h('button', { - class: ['_button', { active: this.value === option.props.value }], + class: ['_button', { active: this.modelValue === option.props.modelValue }], key: option.key, - disabled: this.value === option.props.value, + disabled: this.modelValue === option.props.modelValue, onClick: () => { - this.$emit('update:value', option.props.value); + this.$emit('update:modelValue', option.props.modelValue); } }, option.children), [ [resolveDirective('click-anime')] |