zoukankan      html  css  js  c++  java
  • vue 子组件传递数据跟父组件

    子组件
    
    
    <body>
       <div v-on:click="test"></div>
    
      <script>
       export default {
         data(){
       return {
        data:"我是子组件传递数据给父组件"
    }
    },
      methods:{
         test:function(){
         this.$emit('list',this.data)   // $emit 有2个参数 第一个是监听父组件事件,第二个是传递的数据
        }
      }
    
    
    }
    </script>
    </body>
    
    //父组件
    
    <body>
       <child v-on:list="events"></child>
      <script>
     import child from "./child"
    export default{
       methods:{
        events:function(data){
          console.log(data)      // data就是子组件传递过来的参数
      }
    },
       components:{
     child
    }
    }
    </script>
    </body>
    

      

  • 相关阅读:
    Ruby--Array
    SQL--查询相同字段的数据
    Ruby--CSV
    Ruby--String
    Git常用命令
    JS Date函数操作
    FTP命令
    Rails--%w用法[转]
    Rails--export csv
    Mysql远程访问
  • 原文地址:https://www.cnblogs.com/complete94/p/6889953.html
Copyright © 2011-2022 走看看