uniapp 的 leaflet 的 renderjs

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”>

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值