Remax 制作微信小程序
本帖最后由 周大胖子 于 2021-2-24 17:11 编辑灵魂问题:
1 . 如何新建一个页面:
1.1在page目录下 新建文件夹,新建文件[例如:page/news/news.js];
1.2在 app.config.js 的 page数组中,加入路径
const pages = [
'pages/index/index',
'pages/news/news'
];
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
2.2再搞个点击事件
<View onTap={toother} data-href="../news/news" >点我跳转 </View>;
2.3 最后写个方法 function toother(event) {
console.log('我进来了这个函数');
console.log(event);
// 这个href 就是我自定义的属性
var href = event.currentTarget.dataset.href;
console.log(href);
navigateTo({
url: href
})
}
3. 如何保存数据到当前页面?
因为所有页面都是 app.js 的子组件,所以所有数据都在app.js 中, 按照方法 需要使用 React 的Context组件 来解决问题。
我另起一张 阐述 react 的参考使用 Context
后来,我发现真TM的不好用Context ,索性继续拿我的redux 装进去 搞起来
4. 如何带参跳转页面?
5. 如何把 数据保存到全局,全页面可读取?
都用redux 了,还全局毛线 -。- ;直接 通过redux 对数据进行操作;
6. 如何使用微信的样式?微信的组件
页:
[1]