vue.js - v-on:click可以绑定到多个元素上么？

问题描述

问 题

<div id="app" v-on:click="change">

<ul>
  <li v-for="name in names">{{name.name}}</li>
</ul>
<div v-on:click="change">爱不爱?</div>
<div v-if="love">爱</div>
<div v-else="love">不爱是假的</div>

</div>
<script>

new Vue({
  el: '#app',
  data: {
    msg: '宝宝',
    love: true,
    names: [
      {name: 'do'},
      {name: 'lo'}
    ]
  },
  methods: {
    change () {
      this.love= !this.love;
    }
  }
})

</script>
在app那个元素加上,在爱不爱这个元素上点击就没有切换,为什么??

解决方案

你应该阻止冒泡~ @click.stop = ''

这篇关于vue.js - v-on:click可以绑定到多个元素上么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！