老莫的笔记本  
  
查看: 854|回复: 0

Remax 制作微信小程序

[复制链接]

662

主题

878

帖子

5139

积分

超级版主

Rank: 8Rank: 8

积分
5139
发表于 2021-2-21 15:14:15 | 显示全部楼层 |阅读模式
本帖最后由 周大胖子 于 2021-2-24 17:11 编辑

灵魂问题:
1 . 如何新建一个页面:

    1.1  在page目录下 新建文件夹,新建文件[例如:page/news/news.js  ];
    1.2  在 app.config.js 的 page数组中,加入路径
  1. const pages = [
  2.   'pages/index/index',
  3.   'pages/news/news'
  4. ];
复制代码


    1.3 然后 重新 npm run dev wechat 则完成



2. 如何跳转页面 ?
    上面的正确操,可以保证  编译后有 相应的 news 文件在微信的架构中出现[  可以理解这一步是组件的注册 ,是所有的前提] ;    构思:其实我想了很久,没想明白 remax 自带的跳转究竟是什么,但是 我会写微信小程序啊,remax 封装的许多微信的api 其中就包括 :navigateTo  [微信的跳转]

    2.1 先引入 微信的api
      import { navigateTo  } from 'remax/wechat';  
     参考网址:https://remaxjs.org/guide/framework/api     [  Remax 的官方文档  ]

    2.2  再搞个点击事件
              <View onTap={toother}   data-href="../news/news" >点我跳转 </View>  ;

    2.3 最后写个方法
  1. function toother(event) {
  2.     console.log('我进来了这个函数');
  3.     console.log(event);
  4.     // 这个href 就是我自定义的属性
  5.     var href = event.currentTarget.dataset.href;
  6.     console.log(href);
  7.     navigateTo({
  8.       url: href
  9.     })
  10.   }
复制代码



3. 如何保存数据到当前页面?
           因为所有页面都是 app.js 的子组件,所以所有数据都在app.js 中, 按照方法 需要使用 React 的  Context组件 来解决问题。
         我另起一张 阐述 react 的参考使用 Context
      后来,我发现真TM的不好用Context ,索性继续拿我的redux 装进去 搞起来


4. 如何带参跳转页面?



5. 如何把 数据保存到全局,全页面可读取?
        都用redux 了,还全局毛线 -。- ;直接 通过redux 对数据进行操作;


6. 如何使用微信的样式?微信的组件


回复

使用道具 举报

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

本版积分规则

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