vue-inline-edit Import Component <template> <EzInlineEdit :inputData="props.item.username" inputClass="input-inline" @inlineUpdateVale="inlineUpdateVale(valueToEdit)"/> </template> <script> import Components from '@phamlinh0208/vue2-ez-common' export default { components: { ...Components }, data() { valueToEdit: '' } } </script> Component props inputData: {default: ''}, inputClass: {default: ''}, inputStyleOption: {default: null}, displayClass: {default: ''}, displayStyle: {default: 'border-bottom: dotted 1px;'} Component event when value changed method : inlineUpdateVale - payload : value after change