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"
|
: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"/>
|
||||||
|
@@ -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: {
|
||||||
|
Reference in New Issue
Block a user