$emit() doesn't work

clean install and replace with this two components. App.vue ->

<template>
  <view class="container">
    <text class="text-color-primary">My First Text</text>
    <children v-on:custom-event="customEventHandler">
          <text class="text-color-primary">My slot</text>
     <template slot="namedslot">
          <text class="text-color-primary">My slot 2</text>
     </template>
    </children>
    </view>
</template>
 <script>
 import children from './children.vue'
 export default {
   components: {
     children
   },
   methods:{
     customEventHandler(value){
       console.log(value);
     }
   }
 }
 </script>
 
<style>
.container {
  background-color: white;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.text-color-primary {
  color: blue;
}
</style>
```

new children.vue ->

```
<template>
    <view>  
        <button class="text-color-primary" :on-press="click(1)" title="HELLOW"></button>
        <slot></slot>
        <button class="text-color-primary" :on-press="click(2)" title="HELLOW2"></button>
        <slot name="namedslot"></slot>
   </view>
</template>

<script>
export default {
    methods: {
        click(value){
            console.log('childer clicked:'+ value);
            this.$emit('custom-event',value);
        }
    }
}
</script>

<style>
.text-color-primary {
  color: green;
}
</style>
```

App vue doesnt receive anything and the view doesnt show as expected

[neeraj-singh47]

Please upvote the issue if you guys want it to be fixed. As of now, It doesn’t seem to be important since there is a workaround for the $emit.

[LiveDuo]

A quick workaround to invoke functions from childs to parents until $emit is fixed. Allows dumb and smart components to function as expected in Vue Native.

/// Child.vue

<template>
  <view>
    <button title="'button'" :on-press="foo">
  </view>
</template>

<script>
export default {
	props: {
		foo: Function
	}
}
</script>

/// Parent.vue

<template>
	<view>
		<child :foo="foo">
	</view>
</template>

<script>
import Child from './Child.vue'
export default {
	methods: {
		foo() {
			console.log('i am working')
		}
	},
	components: { Child }
}
</script>