在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue這個點擊后為什么沒有反應？

vue這個點擊后為什么沒有反應？

父組件里面有Nav和Down兩個子組件 我想點擊Nav的控制Down的顯示隱藏 可是點擊后沒有任何反應 也沒有報任何錯誤 這是為什么？

<div id="right">
    <Nav @click="ddshow"></Nav>
</div>
<div id="down">
    <Down v-if="dd"></Down>
</div>


<script>
export default {
  data () {
    return {
      dd: true
    }
  },
  methods: {
   ddshow: function () {
      this.dd = !this.dd
   }
  }
}

</script>
回答
編輯回答
九年囚

你Nav組件只能放自定義事件，詳細看一下父子組件的事件傳遞吧。

2018年9月15日 06:17
編輯回答
純妹

凡是組件中綁定的事件，都應該是這個組件本身就存在的事件，不然你在怎么加事件監(jiān)聽是沒有的。

例如你的Nav組件是這個樣子：

<template>
  <div class="nav" @click="onClick">
    nav
  </div>
</template>
<script>
export default {
  methods: {
    onClick() {
      this.$emit('click');
    }
  }
}
</script>

詳細可以看vue的文檔：傳送門

2018年6月11日 10:21
編輯回答
青裙

可以試一下@click.native="ddshow"。 綁定原生事件

2017年6月13日 18:44