zoukankan      html  css  js  c++  java
  • vue—子调父 $emit (把子组件的数据传给父组件)

    注意: Hello.vue 子组件     App.vue 父组件   

    <!--Hello.vue  :-->
    
    <template>
      <div class="hello">
        <input type="button" name="" id="" @click="chilCall()" value="子调父" /> 
      </div>
    </template>
    
    <script>
        export default {
            name: 'hello',
            'methods': {
                chilCall(pars) {
                    this.$emit('newNodeEvent', '我是子元素传过来的') // 1、
                }
            }
        }
    

      

    <!--App.vue  :-->
    <template>
      <div id="app">
        <hello @newNodeEvent="parentLisen" />  // 4、
      </div>
    </template>
    
    <script>
        import hello from './components/Hello' // 2、
        export default {
            name: 'app',
            'components': {
                hello
            },
            methods: {
    // 3、子组件传的值 parentLisen(evtValue) { //evtValue 是子组件传过来的值 alert(evtValue) } } } </script>

      

  • 相关阅读:
    网络爬虫概述
    Redis常见问题汇总
    分布式锁和Redis事务
    Redis主从复制
    数据持久化
    位图操作bitmap
    数据类型:Hash散列数据类型
    进程池
    事件Event实现消费者模型
    事件Event
  • 原文地址:https://www.cnblogs.com/sylys/p/13343464.html
Copyright © 2011-2022 走看看