uniapp renderjs页面传值

scrip标签里加 lang=“renderjs” ,可以使用原生js的dom,但是我在使用中发现以下问题,导致数据不能动态获取

1. onLoad获取上级页面传值 // APP不会触发,h5可以

2. props不会触发

解决办法添加 script 逻辑层数据传入渲染层 renderjs

<template><view class="content"><!-- @click="ezuikit.onClick" --><view class="preview" id="video-container" :prop="detail" :change:prop="ezuikit.receiveMsg"></view></view>
</template><script>import { monitordetail } from "@/api/all.js" // 获取数据的接口export default {data() {return {detail: { },};},created() {monitordetail({monitorId: uni.getStorageSync('monitorId')}).then(res=>{this.detail = {token: res.data.accessToken,url: res.data.url}})},methods: {// // 接收renderjs发回的数据// onViewClick(val) {// 	console.log('receiveRenderData-->', val);// }}};
</script><script module="ezuikit" lang="renderjs">import { monitordetail } from "@/api/all.js"var player = null;export default {data() {return {getData:{}}},mounted() {},methods: {// 接收逻辑层发送的数据receiveMsg(newValue, oldValue, ownerVm, vm) {// console.log('newValue', newValue)// console.log('oldValue', oldValue)this.getData = newValueif (typeof window.EZUIKit !== 'undefined') {this.initPlayer();} else {// 动态引入较大类库避免影响页面展示const script = document.createElement('script')// view 层的页面运行在 www 根目录,其相对路径相对于 www 计算script.src = 'static/ezuikit.js'script.onload = this.initPlayer.bind(this)document.head.appendChild(script)}},// onClick(event, ownerInstance) {// 	// 调用 service 层的方法// 	ownerInstance.callMethod('onViewClick', {// 		test: 'test'// 	})// },initPlayer() {}}}
</script><style>.content {margin-top: 30%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
</style>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/57774.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

嵌入式MCU面经(突击版)

C语言 联合体和结构体的区别&#xff1a; 首先最直观的就是数据类型名称上的区别&#xff1a;联合体union&#xff0c;结构体struct。最大的区别&#xff1a;联合体共用内存&#xff1b;结构体不共用内存。具体来说&#xff0c;联合体里如果有多个联合体成员&#xff0c;整个联…

iOS 本地存储地址(位置)

前言: UserDefaults 存在沙盒的 Library --> Preferences--> .plist文件 CoreData 存在沙盒的 Library --> Application Support--> xx.sqlite 一个小型数据库里 (注:Application Support 这个文件夹已开始是没有的,只有当你写了存储代码,运行之后,目录里才会出…

MT-Pref数据集:包含18种语言的18k实例,涵盖多个领域。实验表明它能有效提升Tower模型在WMT23和FLORES基准测试中的翻译质量。

2024-10-10&#xff0c;由电信研究所、里斯本大学等联合创建MT-Pref数据集&#xff0c;它包含18种语言方向的18k实例&#xff0c;覆盖了2022年后的多个领域文本。通过在WMT23和FLORES基准测试上的实验&#xff0c;我们展示了使用MT-Pref数据集对Tower模型进行对齐可以显著提高翻…

C++list

1.迭代器的功能以及性质 功能有iterator&#xff0c;reverse_iterator&#xff0c;const_iterator&#xff0c;const_reverse_iterator 性质有单向&#xff0c;双向和随机&#xff0c;单向的迭代器只能操作&#xff0c;双向只能/--俩种&#xff0c;随机则可以执行/--//-的操作…

【C++篇】栈的层叠与队列的流动:在 STL 的韵律中探寻数据结构的优雅之舞

文章目录 C 栈与队列详解&#xff1a;基础与进阶应用前言第一章&#xff1a;栈的介绍与使用1.1 栈的介绍1.2 栈的使用1.2.1 最小栈1.2.2 示例与输出 1.3 栈的模拟实现 第二章&#xff1a;队列的介绍与使用2.1 队列的介绍2.2 队列的使用2.2.1 示例与输出 2.3 队列的模拟实现2.3.…

[快速阅读八] Matlab中bwlookup的实现及其在计算二值图像的欧拉数、面积及其他morph变形中的应用。...

以前看过matlab的bwlookup函数&#xff0c;但是总感觉有点神秘&#xff0c;一直没有去仔细分析&#xff0c;最近在分析计算二值图像的欧拉数时&#xff0c;发现自己写的代码和matlab的总是对不少&#xff0c;于是又去翻了下matlab的源代码&#xff0c;看到了matlab里实现欧拉数…

JS轮播图实现自动轮播、悬浮停止轮播、点击切换,下方指示器与图片联动效果

代码&#xff1a; <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><s…

计算机网络原理总结C-网络层

网络层 网络层提供的两种服务网际协议IP 虚拟互连网络IP地址子网掩码&#xff08;无分类编址CIDR&#xff09;IP地址和MAC地址IP数据报格式&#xff08;路由&#xff09;转发分组的流程 因特网的路由选择协议&#xff08;动态路由协议&#xff09; 网际控制报文协议ICMPIP多播…

麒麟v10 arm64 部署 kubesphere 3.4 修改记录

arm64环境&#xff0c;默认安装 kubesphere 3.4 &#xff0c;需要修改几个地方的镜像&#xff0c;并且会出现日志无法显示 1 fluentbit:v1.9.4 报错 <jemalloc>: Unsupported system page size Error in GnuTLS initialization: ASN1 parser: Element was not found. &…

Java最全面试题->数据库/中间件->Redis面试题

文章目录 Redisredis的数据类型有哪些?Redis 内部结构有哪些?Memcache 与 Redis 的区别都有哪些?为什么 redis 需要把所有数据放到内存中?Redis 如何进行持久化?RDB和AOF的优缺点有哪些?什么是缓存穿透?如何避免?什么是缓存雪崩?何如避免?redis的淘汰策略有哪些?Red…

用更多的钱买电脑而不是手机

如果&#xff0c;我们对自己的定义是知识工作者&#xff0c;那么在工作、学习相关的电子设备投入上&#xff0c;真的别舍不得花钱。 需要留意的是&#xff0c;手机&#xff0c;对于大部分在电脑前工作的人&#xff0c;不是工作设备。在我看来&#xff0c;每年投入到电脑的钱&…

C++ (六) 输入输出和文件操作:C++的魔法书卷

输入输出和文件操作&#xff1a;C的魔法书卷 在C的魔法世界中&#xff0c;输入输出&#xff08;I/O&#xff09;和文件操作就像是古老的书卷&#xff0c;记录着信息的流动和存储。这些书卷不仅能够让你与用户进行交流&#xff0c;还能让你在程序之间传递信息。现在&#xff0c…

【高级IO】IO多路转接之select

select函数 我们知道IO 等待 拷贝&#xff0c;系统提供select函数来实现多路复用输入/输出模型&#xff1b;select系统调用是用来让我们的程序监视多个文件描述符的状态变化的&#xff1b;程序会停在select这里等待&#xff0c;直到被监视的文件描述符有一个或多个发生了状态…

Spring Boot 中应用单元测试(UT):结合 Mock 和 H2 讲解和案例示范

1. 引言 单元测试的目标是验证程序中每个模块的正确性。通过编写单元测试&#xff0c;开发者可以确保功能按预期工作&#xff0c;并在未来的开发中减少引入缺陷的风险。Spring Boot 提供了强大的测试支持&#xff0c;结合 Mock 和 H2 数据库&#xff0c;可以高效地进行测试。 …

植物健康,Spring Boot来助力

3系统分析 3.1可行性分析 通过对本植物健康系统实行的目的初步调查和分析&#xff0c;提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本植物健康系统采用SSM框架&#xff0c;JAVA作为开发语言&#…

钉钉录播抓取视频

爬取钉钉视频 免责声明 此脚本仅供学习参考&#xff0c;切勿违法使用下载他人资源进行售卖&#xff0c;本人不但任何责任! 仓库地址: GItee 源码仓库 执行顺序 poxyM3u8开启代理getM3u8url用于获取m3u8文件userAgent随机请求头downVideo|downVideoThreadTqdm单线程下载和…

python笔记一

一、逻辑运算符 在 Python 中你可以使用 or、and 和 not 进行逻辑运算。 1、逻辑或 (||):在 Python 中用 or 表示 2、逻辑与 (&&):在 Python 中用 and 表示 3、逻辑非 (!):在 Python 中用 not 表示 a = True b = Falseprint(a or b) #输出 Trueprint(a and b) …

【纯血鸿蒙】HarmonyOS和OpenHarmony 的区别

一、开源鸿蒙&#xff08;Open Harmony&#xff09; 鸿蒙系统愿来的设计初衷&#xff0c;就是让所有设备都可以运行一个系统&#xff0c;但是每个设备的运算能力和功能都不同&#xff0c;所以内核的设计上&#xff0c;采用了微内核的设计&#xff0c;除了最基础的功能放在内核…

logback 如何将日志输出到文件

如何作 将日志输出到文件需要使用 RollingFileAppender&#xff0c;该 Appender 必须定义 rollingPolicy &#xff0c;另外 rollingPollicy 下必须定义 fileNamePattern 和 encoder <appender name"fileAppender" class"ch.qos.logback.core.rolling.Rollin…

LLM | 论文精读 | 基于大型语言模型的自主代理综述

论文标题&#xff1a;A Survey on Large Language Model based Autonomous Agents 作者&#xff1a;Lei Wang, Chen Ma, Xueyang Feng, 等 期刊&#xff1a;Frontiers of Computer Science, 2024 DOI&#xff1a;10.1007/s11704-024-40231-1 一、引言 自主代理&#xff08;…