1***@qq.com
1***@qq.com
  • 发布:2024-06-05 17:56
  • 更新:2024-07-30 17:21
  • 阅读:251

子组件this.$emit('input', value)时 在支付宝小程序中父组件在@input中接收到的数据是一个事件对象而不是value,而在h5中接收到的是value

分类:uni-app

子组件this.$emit('input', value)时
在支付宝小程序中父组件在@input中接收到的数据是一个事件对象而不是value,
而在h5中接收到的是value

子组件
model: {
prop: 'value',
event: 'input'
},
methods: {
onTap(value) {
this.$emit('input', value);
}
}

2024-06-05 17:56 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

感谢反馈,经过我测试未能复现你的问题,把问题补充完整吧。你的组件具体怎么写的,子组件和 model 什么关系?

经过我测试,使用下面代码,在 web 和支付宝小程序表现一致。提供更多信息,有助于定位和解答你的问题。
parent.vue

<template>  
    <view>  
        <view> 接收子组件的 input 事件 </view>  
        <Child @input='onEmit'></Child>  
    </view>  
</template>  
<script>  
    import Child from './child.vue'  
    export default {  
        components: {  
            Child  
        },  
        methods: {  
            onEmit(e) {  
                console.log(e);  
            }  
        }  
    }  
</script>

child.vue

<template>  
    <view>  
        <button @click="onTap">emit</button>  
    </view>  
</template>  

<script>  

    export default {  
        methods:{  
            onTap(){  
                console.log('emit');  
                this.$emit('input',44)  
            }  
        }  
    }  
</script>

要回复问题请先登录注册