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"
:canChangeSelectionCB="canChangeSelectionCB"
:componentState="initialTableState"
@selectItemsChanged="onSelectItemsChanged"
@isInitialized="onTableInitialized"
@componentStateChanged="onTableStateChanged"
@selected-items-changed="onSelectItemsChanged"
@is-initialized="onTableInitialized"
@component-state-changed="onTableStateChanged"
/>
</div>
<div class="col-splitter"/>

View File

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