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>
相关推荐
毕设源码-朱学姐21 小时前
【开题答辩全过程】以 办公自动化管理系统为例,包含答辩的问题和答案
java·eclipse
李宥小哥1 天前
C#基础11-常用类
android·java·c#
北海-cherish1 天前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
小许学java1 天前
数据结构-ArrayList与顺序表
java·数据结构·顺序表·arraylist·线性表
2501_915909061 天前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5
white-persist1 天前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
Java 码农1 天前
Centos7 maven 安装
java·python·centos·maven
harmful_sheep1 天前
maven mvn 安装自定义 jar 包
java·maven·jar
新中地GIS开发老师1 天前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang1 天前
前端性能优化
前端·javascript·vue.js·性能优化