uniapp-vue3-renderJs 视图层和逻辑层交互

1,632 阅读1分钟

当我们使用uniapp框架采用vue3来开发app时,renderjs视图层调用逻辑层的方法时会报错,如下调用:

 this.$ownerInstance.callMethod('methodName', data)

意不意外,其实要解决这个问题很简单,不要用setup语法糖就,使用setup函数返回组件属性和方法就好了,上面的调用方式就能生效了。

//不适用setup语法糖
<script setup></script>

//使用setup函数返沪方法才能调用
setup(props, { emit }) {
   const methodName = (data) => {
     emit("addPoint", data);
   };
   return {
     methodName
   };
},

哈哈,是不是虚惊一场。这个bug不知道官方现在还有没有解决。

在这就不长篇大论了,希望对你有帮助。