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>
相关推荐
2501_9151063221 小时前
iOS 26 APP 性能测试实战攻略:多工具组合辅助方案
android·macos·ios·小程序·uni-app·cocoa·iphone
Predestination王瀞潞1 天前
Java EE开发技术(Servlet整合JDBC银行管理系统-上)
java·servlet·java-ee·jdbc
寻星探路1 天前
Java EE初阶启程记13---JUC(java.util.concurrent) 的常见类
java·开发语言·java-ee
怪兽20141 天前
什么是 Redis?
java·数据库·redis·缓存·面试
Gu_yyqx1 天前
Java 队列
java
落日漫游1 天前
数据结构笔试核心考点
java·开发语言·算法
疯狂吧小飞牛1 天前
Lua C API 中的注册表介绍
java·c语言·lua
kyle~1 天前
C++--- override 关键字 强制编译器验证当前函数是否重写基类的虚函数
java·前端·c++
Hello.Reader1 天前
Flink 受管状态的自定义序列化原理、实践与可演进设计
java·网络·flink
Light601 天前
像素退场,曲线登场:现代响应式 CSS 全家桶 | 领码课堂
前端·css·响应式设计·css函数·布局系统·相对单位·设计令牌