您的位置:首页 > 游戏 > 游戏 > uniapp 使用renderjs通信

uniapp 使用renderjs通信

2024/9/23 1:25:01 来源:https://blog.csdn.net/weixin_47756693/article/details/140963093  浏览:    关键词:uniapp 使用renderjs通信

一、 server层向renderjs传值,并初始化renderjs

prop:可以随便定义

renderTaskDetail:是传往renderjs的数据

change:prop:prop和必须上面prop字段一样

renderScript.initAmap:【 renderScript】需要renderjs 中script标签的module属性一致

                                        【initAmap】是renderjs中定义的初始化方法

<view class="mpapp-container"><view style="width: 750rpx; height:650rpx;" :prop="renderTaskDetail" :change:prop="renderScript.initAmap" ></view>
</view>

serve层

<script>export default{data(){return{renderTaskDetail:{}}},onLoad(){setTimeout(()=>{//传给renderjs的数据this.renderTaskDetail= {name:"小王"}},1500) }}
</script>

renderjs

<script module="renderScript" lang="renderjs">export default{data(){return{renderTaskDetail:{}}},methods: {    initAmap(value) {  console.log("这里能拿到serve层传过来的数据并初始化",value)},}}
</script>

二、 renderjs向server层传值

server层


<script>export default {data() {return {}},methods: {/***  给renderJS调用的方法*/methodForRenderJs:function(val){console.log("收到参数:");console.log(val);},}}
</script>

renderjs

<script module="renderScript" lang="renderjs">export default{mounted(){    this.$ownerInstance.callMethod('methodForRenderJs',{val1:"参数1",val2:"参数2"});}}
</script>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com