vue.js - vue2.0 点击父组件的某个区域，调用子组件的show（）方法

问题描述

问 题

父组件

<ul>
<li @click="useChildFunction"></li>
</ul>
<child></child>  // 子组件 该怎么写
<script>
export default {
  components: {
   chlid
  },
  methods: {
   usechildFunction() {
   // 调用子组件方法   该怎么写
   }
}
}
</script>

子组件

<div v-show="showpage"></div>
<script>
export default {
  data () {
   return {
    showpage: false
   },
}
methods: {
   show () {
    this.showpage = true;
  }
}    
}
</script>

解决方案

好好看看 $refs

这篇关于vue.js - vue2.0 点击父组件的某个区域，调用子组件的show（）方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！