vue - -- 하위 부모 $emit (하위 구성 요소 의 데 이 터 를 부모 구성 요소 에 전달)

5396 단어 uniappjs
App. vue 부모 구성 요소 Hello. vue 하위 구성 요소
<!--App.vue  :-->

<template>
  <div id="app">
    <hello @newNodeEvent="parentLisen" />
  </div>
</template>

<script>
    import hello from './components/Hello'
    export default {
        name: 'app',
        'components': {
            hello
        },
        methods: {
            parentLisen(evtValue) {    
                //evtValue          
                alert(evtValue)
            }
        }
    }
</script>
<!--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', '         ')
            }
        }
    }
</script>

좋은 웹페이지 즐겨찾기