uniapp上使用document方案之renderjs

打印 上一主题 下一主题

主题 493|帖子 493|积分 1479

使用uniapp做app时候,无法使用document,根据uniapp官方文档,可以引入renderjs
renderjs是什么?
renderjs是一个运行在视图层的js。它只支持app-vue和web。
renderjs的主要作用有2个:

  • 大幅降低逻辑层和视图层的通讯斲丧,提供高性能视图交互能力
  • 在视图层操作dom,运行 for web 的 js库
使用方案:

   <script module="test" lang="renderjs">
    export default {
        mounted() {
            // ...
        },
        methods: {
            // ...
        }
    }
</script>
  通信

renderjs中调用逻辑层方法
   // 比如说逻辑层有个叫setShowModal的方法,使用this.$ownerInstance.callMethod,第一个参数setShowModal为逻辑层的方法名,第二个参数是为逻辑层方法传入的数据
  this.$ownerInstance.callMethod('setShowModal', data)
  逻辑层调用renderjs中的方法
   // 通过view监听的方式  vidssafe为逻辑层中data的变量。updatevidssafe为renderjs的监听方法
  <view class="vidssafe" :prop="vidssafe" :change:prop="test.updatevidssafe"></view>
  //renderjs中监听代码
  //newValue为vidssafe的新值,oldValue为vidssafe的旧值
  updatevidssafe (newValue, oldValue, ownerInstance, instance) {}
  

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

魏晓东

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表