2022-01-04 微信小程序笔记(三) 小程序绑定事件bind+事件类型,自适应像素rpx,导航组件navigate以及使用open-type属性实现各种页面跳转

原创

已于 2022-11-03 19:11:51 修改 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #javascript

于 2022-01-04 20:48:56 首次发布

本文详细介绍了微信小程序中的事件绑定，包括oninput事件、点击事件的两种实现方式，并强调了相关知识点。此外，还探讨了自适应像素rpx的使用，对比了与px的区别。最后，讲解了导航组件navigate及其open-type属性，展示了如何实现不同类型的页面跳转。

文章目录

1.小程序中的事件绑定

小程序中的事件写成bind+事件类型的格式,其中点击事件要写成bindtap

1.1.oninput事件

wxml文件

    <!-- 单标签的结束符"/"省略会报错 -->
    <input type="text" bindinput="fn"/>
    <view>{
  
  {num}}</view>

js文件

    data: {
   
   
        num:10,
    },
    //小程序的methods方法直接写在外面(对于页面而言,组件还是跟vue一样)
    //oninput事件
    fn(e){
   
   
        console.log('fn');/*输入框内容更改就输出一次"fn" */
        console.log(e);/*输出每个更改内容的fn */
        this.