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

小云云
Release: 2017-12-13 09:43:04
Original
9362 people have browsed it

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(){
  // 页面关闭
 }
})
Copy after login


index.wxml file


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


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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template