參考于jinzhe的vue-editable

由于下載下來報了一系列BUG，修改內容 我提的一個Issues-5
由于剛入坑Vue二天。依靠朋友幫助下修改之后成功使用的。

主要部分代碼

在template中 引入
<template>
  <div>
    <table>
      <tr v-for="user in data">
        <td class="text center" v-text="user.name" @dblclick="editable($event,'name',user)"></td>
        <td class="text center" v-text="user.name" @dblclick="editable($event,'name',user)"></td>
      </tr>
    </table>
  </div>
</template>
---------------
在 script 中 使用
<script>
  export default {
    name: 'myTable',
    data: function () {
      return {
        data: [
          {name: '123'},
          {name: '4451'}
        ]
      }
    },
    methods: {
//            e     :事件
//            field :字段，用于告訴服務端要更新哪個字段
//            user  :列表中某一行數
      editable: function (e, field, user) {
        let that = this
        that.$editable(e, function (value) {
        })
      }
    }
  }
</script>

主要代碼：

import VueEditable from '@/plugins/vueEditable'
Vue.use(VueEditable)