vue-xeditable

Vue Editable Component, base on X-Editable

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vue-xeditable
1.1.24 years ago5 years agoMinified + gzip package size for vue-xeditable in KB

Readme

vue-xeditable
GitHub license
Vue Editable Component, base on X-Editable
Example
DEMO PAGE
Use Setup
install vue-editable
npm install vue-xeditable --save

Vue mount

import Editable from './Editable.vue'

new Vue({
  el: '#app',
  components: {
    'editable': Editable
  },
  data: {
    value1: 'value'
  }
})

<editable v-model='value1'></editable>

Base

Credit by X-editable.
Support Types
text, textarea, number, text, wysihtml5, lots else.
WYSIHTML5
If you want to use wysihtml5 feature, you should add these code:
<script src="https://cdn.bootcss.com/x-editable/1.5.0/inputs-ext/wysihtml5/bootstrap-wysihtml5-0.0.2/wysihtml5-0.3.0.min.js"></script>
<script src="https://cdn.bootcss.com/x-editable/1.5.1/inputs-ext/wysihtml5/bootstrap-wysihtml5-0.0.2/bootstrap-wysihtml5-0.0.2.min.js"></script>
<script src="https://cdn.bootcss.com/x-editable/1.5.0/inputs-ext/wysihtml5/wysihtml5.js"></script>