Javin
Javin
  • 发布:2023-11-14 10:39
  • 更新:2023-11-14 10:39
  • 阅读:254

【报Bug】在子组件的renderjs的methods里写函数父组件无法refs调用子组件里的函数

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.5.2 (22G91)

HBuilderX类型: 正式

HBuilderX版本号: 3.97

手机系统: iOS

手机系统版本号: iOS 17

手机厂商: 模拟器

手机机型: 15

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

text.vue子组件

<template>  

    <view>  
    </view>  

</template>  

<script module="test" lang="renderjs">  

    export default {  
        data() {  
            return {  
            };  
        },  
        methods: {  
            test() {  
            }  
        }  
    }  
</script>

//index.vue父组件

<template>  

        <button style="width: 100px; height: 100px;" @click="test">测试</button>  
        <test ref="test" style="width: 100px; height: 100px;">测试</test>  

</template>  

<script>  

    export default {  
        data() {  
            return {  
            };  
        },  
        methods: {  
            test() {  
                            this.$refs.test.test()  
            }  
        }  
    }  
</script>

操作步骤:

如上

预期结果:

可以调用子组件renderjs里的函数

实际结果:

无法调用子组件renderjs里的函数

bug描述:

在text.vue子组件中定义

<template>  

    <view>  
    </view>  

</template>  

<script module="test" lang="renderjs">  

    export default {  
        data() {  
            return {  
            };  
        },  
        methods: {  
            test() {  
            }  
        }  
    }  
</script>

//在index.vue父组件中

<template>  

        <button style="width: 100px; height: 100px;" @click="test">测试</button>  
        <test ref="test" style="width: 100px; height: 100px;">测试</test>  

</template>  

<script>  

    export default {  
        data() {  
            return {  
            };  
        },  
        methods: {  
            test() {  
                            this.$refs.test.test()  
            }  
        }  
    }  
</script>

点击测试按钮报错找不到test函数
如果去掉lang="renderjs"就没有问题

2023-11-14 10:39 负责人:无 分享
已邀请:

要回复问题请先登录注册