vue子组件编辑影响主组件_Vue中更好的可编辑组件

vue子组件编辑影响主组件

可编辑的 (vue-xeditable)

Vue Editable Component, base on X-Editable

Vue可编辑组件，基于X-Editable

View demo 查看演示 Download Source 下载源

使用设置 (Use Setup)

install vue-editable

安装vue可编辑

npm install vue-xeditable --save

Vue支架 (Vue mount)

import Editable from './Editable.vue'

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


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

支持类型 (Support Types)

text, textarea, number, text, wysihtml5, lots else.

text ， textarea ， number ， text ， wysihtml5等等。

翻译自: https://vuejsexamples.com/better-editable-component-in-vue/

vue子组件编辑影响主组件