微信小程序学习

知识点1:

在小程序里,想要引入其他页面里的公共代码,有两种方式:

1.

这种引入方法是将一个页面全部引入另一个页面,不可以动态显示值

2.

被引入页面:



引入页面:

这种引入方法是将一个页面中的template引入另一个页面,可以动态显示值

另外,wxss也需要引入进来,

在引入页面的wxss中:

@import"../header/header.wxss";

知识点2:

在小程序里,想要跳转到指定页面:

1.调用微信的navigateTo:(可返回)

原跳转页面:
wx.navigateTo({
  url: 'test?id=1'  //要传递的值
})
要跳转到的页面:
onLoad: function(option){
    console.log(option.id) //传递过来的值
  }

2.调用微信的redirectTo(不可返回)

wx.redirectTo({
  url: 'test?id=1'
})

3.调用微信的navigator (加了redirect属性后在当前页打开,不可后退)

跳转到新页面
 在当前页打开

(***元素的自定义属性传递值:)

触发元素:
取值

js:
e.target.dataset.msg 可以直接拿到属性的值

知识点3:

input标签的输入取值:



handlechange(event){
    console.log(event.detail.value);
  }

 

你可能感兴趣的:(微信小程序学习)