zoukankan      html  css  js  c++  java
  • vue中子传父,父传子的具体用法

    先说明下父组件Login,子组件signCon

    子拿到父数据可以通过,在子组件里面设置props:['name']的方法拿到。

    首先在父组件中定义数据了:

    data(){
    Englishname:'lishishi'
    }
    <signCon :name="Englishname"/>

    子组件中:

    props:['name']

    在子组件中的html中就可以使用了{{name}}

    子传父,想一想肯定是父组件想用子组件中的数据了

    子组件中的html中有一个<button @click="go"><button/>

    data(){
    return{

    sex:['男',‘女’]

    }
    }

    methiods:{
      go(){

        this.$emit('thg',this.sex)
      }
    }

    在父组件中也就是Login里面找到子组件也就是<signCon @thg="shows"/>

    methods:{

    shows(e){

    this.data=e

    }

    }

     

  • 相关阅读:
    pagefile.sys
    Oracle数据库同义词
    oracle临时表
    修改Oracle并行度
    Oracle 反键索引/反向索引
    Ajax基础2
    DOM高级
    面向对象--高级
    面向对象---中级
    面向对象-初级
  • 原文地址:https://www.cnblogs.com/MDGE/p/9641166.html
Copyright © 2011-2022 走看看