Home >WeChat Applet >Mini Program Development >How to implement page jump function by clicking on text in WeChat Xiaocheng

How to implement page jump function by clicking on text in WeChat Xiaocheng

小云云
小云云Original
2017-12-13 09:43:049356browse

This article mainly introduces the WeChat applet to implement the click text page jump function, involving the simple use skills of the navigator navigation component. I hope it can help everyone.

1. Effect display

##2. Key code

index.js file


Page({
 data:{
  // text:"这是一个页面"
 },
 onLoad:function(options){
  // 页面初始化 options为页面跳转所带来的参数
 },
 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
 onUnload:function(){
  // 页面关闭
 }
})


index.wxml file


<navigator url="../../pages/logs/logs">
 <view>点击我跳转到下一个页面</view>
</navigator>


navigator attribute description is as follows:

Related recommendations:

HTML Page jump and parameter passing issues

What are the common methods for Javascript page jumps

Detailed explanation of WeChat applet page jump and parameter passing

The above is the detailed content of How to implement page jump function by clicking on text in WeChat Xiaocheng. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn