Vue 当前行变成可编辑状态怎么弄

niceyes

<template>
     <tr v-for='i in searchResult' :key="i.id">
        <td >{{i.id}}</td>
        <td :contenteditable='edit'>{{i.projectName}}</td>  #     目的是要使用当前行变成可编辑状态,但我这样弄,所有行都成可编辑
        <td>...</td>
        <td>
          <button @click="contenteidt">编辑</button>
        </td>
</template>

<script>
export default {
  data () {
    return {
      edit: false
    }
  },

  methods: {  
    contenteidt () {
      this.edit = !this.edit
    }
  }
}
</script>

小仙

把它放在一个对象里就可以了。每个可编辑对应一个状态，而现在是所有的编辑状态共用一种状态。