当前位置: 首页 > 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>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • vue设置每次加载页面时展示一个双开门效果
  • 芯感智最新流量传感器GF*000系列应用于医疗方向
  • IoTDB 入门教程 基础篇⑪——Data导入导出工具
  • Vue3+TS+element plus实现一个简单列表页面
  • 《Milvus Cloud向量数据库指南》——Milvus Cloud——Ivy.ai业务创新的坚实基石
  • 两个月后,我又开发了一款图片制作工具
  • 【Golang 面试 - 进阶题】每日 3 题(十三)
  • 高通8255 Android Virtio Virtio-IIC 配置方法
  • WPF学习(2)-UniformGrid控件(均分布局)+StackPanel控件(栈式布局)
  • 优秀的行为验证码的应用场景与行业案例
  • rancher v2.4.17安装部署并授权永久使用
  • 动手学深度学习V2每日笔记(经典卷积神经网络LeNet)
  • 0205其它新型电力电子器件
  • C语言 | Leetcode C语言题解之第324题摆动排序II
  • word加密文档忘记密码要如何打开
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • codis proxy处理流程
  • Docker下部署自己的LNMP工作环境
  • HTTP 简介
  • Java-详解HashMap
  • JSDuck 与 AngularJS 融合技巧
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • macOS 中 shell 创建文件夹及文件并 VS Code 打开
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • ViewService——一种保证客户端与服务端同步的方法
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 使用SAX解析XML
  • 责任链模式的两种实现
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • #我与Java虚拟机的故事#连载10: 如何在阿里、腾讯、百度、及字节跳动等公司面试中脱颖而出...
  • (04)odoo视图操作
  • (14)学习笔记:动手深度学习(Pytorch神经网络基础)
  • (24)(24.1) FPV和仿真的机载OSD(三)
  • (Java数据结构)ArrayList
  • (第9篇)大数据的的超级应用——数据挖掘-推荐系统
  • (附源码)ssm失物招领系统 毕业设计 182317
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (回溯) LeetCode 131. 分割回文串
  • (六) ES6 新特性 —— 迭代器(iterator)
  • (十)Flink Table API 和 SQL 基本概念
  • (算法)前K大的和
  • (五)c52学习之旅-静态数码管
  • (一)ClickHouse 中的 `MaterializedMySQL` 数据库引擎的使用方法、设置、特性和限制。
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .net core控制台应用程序初识
  • .NET Framework 服务实现监控可观测性最佳实践
  • .NET Micro Framework初体验(二)
  • .net mvc 获取url中controller和action
  • .NET 快速重构概要1
  • .net之微信企业号开发(一) 所使用的环境与工具以及准备工作
  • /etc/motd and /etc/issue
  • [ C++ ] STL---string类的模拟实现