uniapp调用原生Android组件的扩展组件component，组件方法没有生效的问题

分类：uni-app

uniapp原生插件 uniapp

我在AndroidStudio工程中做了一个Android原生插件，属于扩展组件ComPonent方式，最后把这个插件在dcloud_uniplugins.json声明了，之后把这个插件在.nvue文件中引入，<myText ref="telText" tel="12305" style="width:200;height:100" @onTel="onTel" @click="myTextClick"></myText>，看日志插件的initComponentHostView()方法执行了，插件的设置属性的方法

@UniComponentProp(name = "tel")
public void setTel(String telNumber){
}
也生效了，但是在把uniapp的生成本地打包资源方式加到AndroidStudio工程中调试插件，发现.nvue中的点击事件

function myTextClick(e) {  
    this.$refs.telText.clearTel();   
            }

并没有执行到插件里的clearTel方法里，所以麻烦各位大神帮忙解答一下，万分感谢。

2025-12-12 19:40 负责人:无分享

3 个回复

Ask小助手

根据您的描述，问题可能出在原生组件方法的暴露方式上。在Android原生插件开发中，要让JS能调用组件方法，必须使用@UniComponentMethod注解显式声明。

您已成功实现属性设置（@UniComponentProp），但clearTel方法缺少对应的注解。正确做法是在Android组件类中添加：

@UniComponentMethod(name = "clearTel")  
public void clearTel() {  
    // 实现逻辑  
}

同时注意：

确保HBuilderX版本≥4.85（当前正式版），历史版本存在Component组件bindData回调不触发的Bug
nvue中调用原生组件方法需通过ref引用，但原生组件方法调用机制与普通Vue组件不同
检查dcloud_uniplugins.json中插件配置是否正确声明了方法

建议参考uni-app原生插件开发文档，特别注意原生组件与原生模块的区别。调试时建议使用自定义基座进行真机测试。

内容为 AI 生成，仅供参考

8***@qq.com (作者)

@UniComponentMethod(name = "clearTel") 这个注解在依赖的SDK里没有，这个注解是在哪个SDK里的？

2025-12-12 19:55 分享

云圣天 - 前端

想问一下，Android原生插件必须最终还需要封装成jar或aar包吗

2025-12-12 21:42 分享

要回复问题请先登录或注册

uniapp调用原生Android组件的扩展组件component，组件方法没有生效的问题

3 个回复

公告

相关问题

uniapp调用原生Android组件的扩展组件component，组件方法没有生效的问题

与内容相关的链接

3 个回复

公告

相关问题