<template>
<view class="content">
<view id="echarts" :option="option" :change:option="echarts.changeData" class="echarts"></view>
</view>
</template>
<script>
export default {
data() {
return {
option:[]
}
},
mounted(){
setTimeout(()=>{
this.option.push(1);
},1000)
},
methods:{
sayHello(a){
uni.showToast({
title:`点击了${a}`
})
}
}
}
</script>
<script module="echarts" lang="renderjs">
let instance = null;
export default {
mounted() {
setTimeout(()=>{
console.log(this.$ownerInstance)
},1000)
window.onClickTest = (a)=>{
console.log(this.$ownerInstance)
instance.callMethod('sayHello',a)
}
let echarts = document.getElementById("echarts");
//echarts.innerHTML = `<button type="button" onclick="onClickTest(45)">点我试一试</button>`
echarts.innerHTML = `<div class="red-txt">这是红色字体</div>`
},
methods: {
changeData(v,old,oi){
console.log(v,old,oi)
if(!instance){
instance = oi
}
}
}
}
</script>
<style lang="scss" scoped>
.red-txt{}
</style>
<style lang="scss" >
.red-txt{color:red;}
</style>
l***@qq.com
- 发布：2022-04-22 15:35
- 更新：2022-04-22 16:13
- 阅读：483
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11-22598.100
HBuilderX类型： 正式
HBuilderX版本号： 3.4.6
手机系统： Android
手机系统版本号： Android 10
手机厂商： 华为
手机机型： 荣耀V30Pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
见附件
见附件
预期结果：
css样式对renderjs的dom生效
css样式对renderjs的dom生效
实际结果：
css样式对renderjs的dom不生效
css样式对renderjs的dom不生效
bug描述：
renderjs中的生成的dom样式不生效，无论APP还是H5都不行，上一个版本3.3.13.20220314还是好的
