zoukankan      html  css  js  c++  java
  • vue父子组件传值

    父组件向子组件传值:

    父组件:

    <xxx   :spaceId=" spaceId "    xxx>     ————父组件向子组件传递spaceId

    子组件接收:

    props:[ ' spaceId ' ]                  ————通过props接收

    可以打印看一下:

    create(){

      console.log( 'spaceId ' ,this.spaceId )

    ==========================================================================

    子组件向父组件传值:

    子组件:

    filterData是父组件中的方法名
    methods: {
      xxx方法:{    let newData
    = {    name:xxx,   grade:xxx,   }    this.$emit('filterData',newData)   }  
    }

    父组件:

    <xxx  @filterData = "getFilterData"  xxx> 

    methods: {

      getFilterData(data) {

        console.log(data);

       }

    }

  • 相关阅读:
    Bootstrap 可视化布局--拖拽后弹窗进行编辑
    Missing letters
    DNA Pairing
    Pig Latin
    Search and Replace
    Where art thou
    Roman Numeral Converter
    Diff Two Arrays
    Sum All Numbers in a Range
    Caesars Cipher
  • 原文地址:https://www.cnblogs.com/crystral/p/12013508.html
Copyright © 2011-2022 走看看