uniapp 使用renderjs通信

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

prop:可以随便定义

renderTaskDetail:是传往renderjs的数据

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

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

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

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

serve层

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

renderjs

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

二、 renderjs向server层传值

server层

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

renderjs

javascript 复制代码
<script module="renderScript" lang="renderjs">
    export default{
  
        mounted(){    
		    this.$ownerInstance.callMethod('methodForRenderJs',{val1:"参数1",val2:"参数2"});
        }
    }
</script>
相关推荐
RestCloud3 小时前
PostgreSQL大表同步优化:如何避免网络和内存瓶颈?
前端·数据库·api
RestCloud3 小时前
iPaaS 与传统 ESB 的区别,企业该如何选择?
前端·架构
Mapmost3 小时前
三维场景加载卡顿?可能是显卡设置出了问题
前端
书源4 小时前
灵活性和可维护性,被严重低估的编程原则
前端·javascript·vue.js
前端啵啵猪4 小时前
useCallback 和 useMemo,什么时候用才是有效的?
前端·react.js
ytadpole4 小时前
揭秘设计模式:命令模式-告别混乱,打造优雅可扩展的代码
java·设计模式
用户3721574261354 小时前
Java 教程:轻松实现 Excel 与 CSV 互转 (含批量转换)
java
星哥说事4 小时前
跨平台开源笔记神器,用DeepSeek写笔记 , 效率翻倍
前端
叫我阿柒啊4 小时前
Java全栈开发实战:从基础到微服务的深度解析
java·微服务·kafka·vue3·springboot·jwt·前端开发