当前位置:   article > 正文

uniapp 使用renderjs通信

uniapp 使用renderjs通信

一、 server层向renderjs传值,并初始化renderjs

prop:可以随便定义

renderTaskDetail:是传往renderjs的数据

change:prop:prop和必须上面prop字段一样

renderScript.initAmap:【 renderScript】需要renderjs 中script标签的module属性一致

                                        【initAmap】是renderjs中定义的初始化方法

  1. <view class="mpapp-container">
  2. <view
  3. style="width: 750rpx; height:650rpx;"
  4. :prop="renderTaskDetail"
  5. :change:prop="renderScript.initAmap" >
  6. </view>
  7. </view>

serve层

  1. <script>
  2. export default{
  3. data(){
  4. return{
  5. renderTaskDetail:{}
  6. }
  7. },
  8. onLoad(){
  9. setTimeout(()=>{
  10. //传给renderjs的数据
  11. this.renderTaskDetail= {
  12. name:"小王"
  13. }
  14. },1500)
  15. }
  16. }
  17. </script>

renderjs

  1. <script module="renderScript" lang="renderjs">
  2. export default{
  3. data(){
  4. return{
  5. renderTaskDetail:{}
  6. }
  7. },
  8. methods: {
  9. initAmap(value) {
  10. console.log("这里能拿到serve层传过来的数据并初始化",value)
  11. },
  12. }
  13. }
  14. </script>

二、 renderjs向server层传值

server层

  1. <script>
  2. export default {
  3. data() {
  4. return {}
  5. },
  6. methods: {
  7. /**
  8. * 给renderJS调用的方法
  9. */
  10. methodForRenderJs:function(val){
  11. console.log("收到参数:");
  12. console.log(val);
  13. },
  14. }
  15. }
  16. </script>

renderjs

  1. <script module="renderScript" lang="renderjs">
  2. export default{
  3. mounted(){
  4. this.$ownerInstance.callMethod('methodForRenderJs',{val1:"参数1",val2:"参数2"});
  5. }
  6. }
  7. </script>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/942547
推荐阅读
相关标签
  

闽ICP备14008679号