项目作者: imadx

项目描述 :
Text Editing in place, the easy way. Easily edit text content, labels, instantly in-place, within your Vue application.
高级语言: Vue
项目地址: git://github.com/imadx/vue-live-edit.git
创建时间: 2017-04-08T18:45:14Z
项目社区:https://github.com/imadx/vue-live-edit

开源协议:

下载


Vue Live Edit

Text Editing in place, the easy way

Installation

1. Install using npm

  1. npm install --save vue-live-edit

2. Import Vue and vue-live-edit

  1. import Vue from 'vue'
  2. import LiveEdit from 'vue-live-edit'
  3. Vue.use(LiveEdit);

3. Include components with your app

Within your Vue app, use, <live-edit></live-edit> as a Vue.component, with the following options.

  1. <live-edit
  2. v-model="value"
  3. :editable="isEditable"
  4. placeholder="placeholder on edit"
  5. :multiline="true"
  6. >
  7. </live-edit>

The value, and isEditable props can be reactive.