Javascript 在v-for模板中绑定此for load事件

在数组上循环时，是否有方法在模板中绑定给定的数据属性

<div v-for="(page, pageIndex) in pages" :key="pageIndex">
    <img 
        :src="" 
        @load="onImageLoaded.bind(this, someDataVar)" 
    />
</div>

因此，如果在此期间（直到图像被加载）someDataVar将被更改，我仍然希望在onImageLoaded中输出图像被for循环添加到DOM时的someDataVar的原始值

PS：我尝试过iLife，但没有成功

定义“指令”。 试试这个

newvue({
el:“#应用程序”，
数据（）{
返回{
页码：[1,2,3]，
someDataVar:'someData'
}
},
挂载（）{
设置超时（（）=>{
this.someDataVar='otherData'
}, 1000)
},
指令：{
“初始值”：{
插入：（el，绑定）=>{
el.dataset.initVal=binding.value
}
}
},
方法：{
onImageLoaded（事件）{
console.log（event.target.dataset）
}
}
})

点击我！

也许是我，但我真的不明白这个问题。实际上，

@load=“onImageLoaded.bind（this，someDataVar）”

应该做什么？在加载图像时做一些魔术。但在这里，这只是一个例子，你可以有任何类型的异步事件