Use kebab-case for vue names

https://vuejs.org/v2/guide/components-custom-events.html#Event-Names
This commit is contained in:
2019-04-04 11:33:43 +02:00
parent 383feaa4d0
commit a376beb143
2 changed files with 8 additions and 8 deletions

View File

@@ -14,9 +14,9 @@ const TEMPLATE =`
:selectedIds="currentSelectedIds" :selectedIds="currentSelectedIds"
:canChangeSelectionCB="canChangeSelectionCB" :canChangeSelectionCB="canChangeSelectionCB"
:componentState="initialTableState" :componentState="initialTableState"
@selectItemsChanged="onSelectItemsChanged" @selected-items-changed="onSelectItemsChanged"
@isInitialized="onTableInitialized" @is-initialized="onTableInitialized"
@componentStateChanged="onTableStateChanged" @component-state-changed="onTableStateChanged"
/> />
</div> </div>
<div class="col-splitter"/> <div class="col-splitter"/>

View File

@@ -6,15 +6,15 @@ const TEMPLATE =`
<name-filter <name-filter
:rowObjects="rowObjects" :rowObjects="rowObjects"
:componentState="(componentState || {}).nameFilter" :componentState="(componentState || {}).nameFilter"
@visibleRowObjectsChanged="onNameFiltered" @visible-row-objects-changed="onNameFiltered"
@componentStateChanged="onNameFilterStateChanged" @component-state-changed="onNameFilterStateChanged"
/> />
<status-filter <status-filter
:availableStatuses="availableStatuses" :availableStatuses="availableStatuses"
:rowObjects="nameFilteredRowObjects" :rowObjects="nameFilteredRowObjects"
:componentState="(componentState || {}).statusFilter" :componentState="(componentState || {}).statusFilter"
@visibleRowObjectsChanged="$emit('visibleRowObjectsChanged', ...arguments)" @visible-row-objects-changed="$emit('visible-row-objects-changed', ...arguments)"
@componentStateChanged="onStatusFilterStateChanged" @component-state-changed="onStatusFilterStateChanged"
/> />
</div> </div>
`; `;
@@ -55,7 +55,7 @@ let RowFilter = {
}, },
watch: { watch: {
currentComponentState(newValue) { currentComponentState(newValue) {
this.$emit('componentStateChanged', newValue); this.$emit('component-state-changed', newValue);
} }
}, },
components: { components: {