Vue 当前行变成可编辑状态怎么弄
<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> 把它放在一个对象里就可以了。每个可编辑对应一个状态,而现在是所有的编辑状态共用一种状态。
页:
[1]