Use kebab-case for vue names
https://vuejs.org/v2/guide/components-custom-events.html#Event-Names
This commit is contained in:
@@ -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"/>
|
||||
|
@@ -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: {
|
||||
|
Reference in New Issue
Block a user