https://uniapp.dcloud.net.cn/tutorial/renderjs.html 在 Uni-APP 中使用 RenderJs
RenderJs 是 UniApp 推出运行在视图层的 js。它比 WXS 更加强大。它只支持 app-vue 和 h5 主要功能是用来支持一些需要操作 DOM 的 JS 插件,或者需要高性能 canvas 的工具。例如运行 F2、echarts 图表 等。 在 web 端使用 renderjs 主要是为了跨端复用代码。如果只开发 web 端,没有必要使用 renderjs 用了 renderjs 已经放弃了小程序端,在使用图表多应用下,也是唯一办法
<view @click=“echarts.onClick” :prop=“option” :change:prop=“echarts.updateEcharts” id=“echarts” class=“echarts”> @click 当 view 点击的时候,通过 【模块名。事件】触发【视图层】函数 [参考文档] https://ext.dcloud.net.cn/plugin?id=1207 renderjs-echarts-demo https://uniapp.dcloud.net.cn/frame?id=renderjs 官方介绍 内置的 Hello uni-app 中 canvas.vue 有介绍如何使用高性能 canvas 及兼容小程序。 https://blog.csdn.net/jones2000/article/details/106933985 HQChart 使用教程 63-uniapp 使用 renderjs+hqchart (h5)
逻辑层要调用视图层需要使用一个叫【watcher】 视图层不能直接使用逻辑层中 data 的数据,需要在 Dom 中绑定 注意要让【逻辑层】先执行,获取到数据后,通过 watcher 调用视图层绘制图表
【视图层】要获取数据必须在 template 中绑定,如果要从【逻辑层】调用【视图层】数据,也必须通过 template 绑定一个事件进行触发,!!不能直接调用!!,你在 Html5 中,可以实现的方法,到 APP 端会全部失效。这个非常致命。
<uni-data-select style=“width:150px;float:left;background-color:#fff;” v-model=“area1infos” :localdata=“range” placeholder=“Area 1” @change=“isChange”>