当前位置: 首页 > news >正文

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>

http://www.lryc.cn/news/416444.html

相关文章:

  • PostgreSQL 15
  • 给本地设备搭建一个云端语音助手
  • yolov5车辆类型识别TXT数据集
  • day22(mysql数据库主从搭建)
  • 返璞归真:通过简化用例来简化用户界面01
  • 书生大模型学习笔记2 - Python
  • JavaScript三级联动jQuery写法
  • 无人机挂载抓捕网
  • 174.地下城游戏——LeetCode
  • 登录相关功能的优化【JWT令牌+拦截器+跨域】
  • 向日葵没有显示器会卡住
  • 【机器学习西瓜书学习笔记——聚类】
  • MATLAB(8)深度变化模型
  • mp3格式转换器哪个好用?汇总七款音频格式转换方法(无损转换)
  • 移行前的复盘:CodeCommit 的重要地位分析
  • Java中等题-括号生成(力扣)
  • Flink 实时数仓(八)【DWS 层搭建(二)流量域、用户域、交易域搭建】
  • gitlab-runner /var/run/docker.sock connect permission denied
  • 网络安全 - 应急响应检查表
  • AD常用PCB设计规则介绍 (详细版)
  • mysql主从服务配置
  • Redis基础总结、持久化、主从复制、哨兵模式、内存淘汰策略、缓存
  • Java与Python优劣势对比:具体例子与深入分析
  • C++内存泄漏介绍
  • C++分析红黑树
  • mysql线上查询之前要性能调优
  • GPIO输出控制之LED闪烁、LED流水灯以及蜂鸣器应用案例
  • 体系结构论文导读(三十四):Design of Reliable DNN Accelerator with Un-reliable ReRAM
  • WebStock会话
  • 5_现有网络模型的使用