vue怎么实现事件委托的效果

Question

在vue里面怎么去实现js的事件委托的效果

这个p事件是不起作用的

Answer 1

你可以换一种写法 你这种写法就是JQ思想的DOM式 写法
<p v-if="isshow" style="" @click="p"></p>

点击的时候只需要改变isshow就可以实现你要的效果了

Answer 2

你这里显然是个列表，那么只需要维护一个数组即可，大概思路：

export default {
  data () {
    return {
      dataList: []
    }
  }
  methods: {
    add (item) {
      this.dataList.push(item)
    },
    p (item) {
      console.log(item.id + ' is clicked.')
    }
  }
}

<div class="vv">
  <p v-for="item in dataList" key="item.id" @click="p(item)" .....>
</div>

Answer 3

<div class="vv">
    <p v-for="n in pCount" @click="p(n)" style=""></p>
</div>

data:{
pCount: 0
},
methods:{
    add(){
        this.pCount++
    },
    p(n){
        console.log(n)
    }
}