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

    ps:App.vue 父组件

      Hello.vue 子组件
     

    App.vue  :

    <template>
        <div id="app">
            <input type="button" name="" id="" @click="parentCall" value="父调子" />
            <hello ref="chil" />//hello组件
        </div>
    </template>
    
    <script>
        import hello from './components/Hello'
        export default {
            name: 'app',
            'components': {
                hello
            },
            methods: {
              parentCall () {
                this.$refs.chil.chilFn('我是父元素传过来的')
              }
            }
        }
    </script>
    
    /*Hello.vue  :*/
    
    <template>
        <div class="hello"></div>
    </template>
    
    <script>
        export default {
            name: 'hello',
            'methods': {
             chilFn (msg) {
             alert(msg)
            }
            }
        }
    </script>                            
    此博客文章多为本姑娘学习笔记!有不对的地方还望指正!!!么么哒
  • 相关阅读:
    八、分组
    七、select使用
    六、SQL基础应用
    五、修改MySQL密码
    side Effect
    js函数式编程
    React生命周期
    Portals
    git使用技巧
    函数式编程
  • 原文地址:https://www.cnblogs.com/whyue/p/6374589.html
Copyright © 2011-2022 走看看