$event对象
事件方法显示传递自定义参数、事件对象
html部分
<div v-for="(item, itemIdx) in arrList">
<label :contenteditable="item.isContentEditable"
@dblclick="handleEdit(itemIdx)"
@keydown="handleCloseEdit(itemIdx, $event)">{{item.name}}</label>
</div>
methods部分
handleEdit(idx) {
this.arrList[idx].isContentEditable = true;// 开启内容编辑
},
handleCloseEdit(idx, e) {
if(e.keyCode === 13){
this.arrList[idx].isContentEditable = false;// 关闭内容编辑
this.arrList[idx].name = e.target.innerText;// 替换已编辑内容
}
}
若不传递$event,方法中不会再获取到e事件,即使通过剩余参数形式(即es5的arguments)也不行。