vue-inline-editor v0.1.0

vue-inline-editor

Simple component that provides inline editing.

Project setup

npm install --save vue-inline-editor

Getting Started

Install the plugin into Vue:

import Vue from 'vue';
import InlineEditor from 'vue-inline-editor'

Vue.use(InlineEditor);

Or use components directly:

import Vue from 'vue';
import InlineEditor from 'vue-inline-editor'

Vue.component('inline-editor', InlineEditor)

Example: Basic usage

<template>
    <inline-editor
            :value="field_value"
            :floating-label="field_name"
            v-model="field_value">
    </inline-editor>
</template>

<script>
    export default {
        data () {
            return {
              field_value: 'Field value',
              field_name: 'Field name',
            }
        }
    }
</script>