vue中v-if控制的可编辑div(contenteditable='true')无法绑定@input事件

<div class="content-container" ref="contentContainer">
　　<div v-if="flag" ref="ContentEditable">
  　　<div v-for="(item,index) in data" :key="index" class="each-editable" contenteditable="true" v-html="item"></div>
　　</div>
</div>

<script>
　　data(){
　　　　flag:false
　　},
　　mounted(){
　　　　this.bindInputEvent()
　　},

　　methods:{
　　　　bindInputEvent(){
　　　　　　this.$refs.contentContainer.oninput = function(event){
　　　　　　　　// 执行操作
　　　　　　}
　　　　}
　　}
</script>

flag改变为true时，可编辑框绑定的@input事件始终没有触发。最后做了事件委托，搞定。