溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關如何用微信小程序實現發微博，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
跳轉頁面發狀態消息，是一個很常見的功能，功能截圖如下：
具體實現，這個功能涉及到了page傳遞參數功能，那么今天就仔細探究一下如何實現
首先，這個功能涉及兩個頁面，分別為top和list
先看list頁面，即圖片1和圖片4，該頁面的布局如下
<!--pages/weibo/list/list.wxml-->
<view>這是第一條微博</view>
<view wx:for = "{{weibos}}">
{{item}}
</view>
<button type="primary" bindtap="writeweibo">發微博</button>button綁定了一個writeweibo函數，那么該函數需要在js文件中實現
由于頁面簡單，這里不涉及wxss
接著就是list.js，查看js文件
這里有button綁定的writeweibo函數，本質跳轉top頁面
Page({
/**
* 頁面的初始數據
*/
data: {
weibos: []
},
writeweibo: function (event){
wx.navigateTo({
url: '/pages/weibo/top/top'
})
},
})下面是跳轉后的top頁面，即圖片2，3
<!--pages/weibo/top/top.wxml--> <view> <form bindsubmit="submitEvent"> <textarea name="content" placeholder="請輸入內容" /> <button form-type="submit">提交</button> </form> </view>
這里placeholder是提示信息的顯示，可以看到提交button也綁定了一個submit的方法
// pages/weibo/top/top.js
Page({
/**
* 頁面的初始數據
*/
data: {
},
/**
* 生命周期函數--監聽頁面加載
*/
onLoad: function (options) {
},
/**
* 生命周期函數--監聽頁面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函數--監聽頁面顯示
*/
onShow: function () {
},
submitEvent:function(event){
var content = event.detail.value.content;
var pages = getCurrentPages(); // 獲取當前頁面信息
var page = pages[0];
var weibos = page.data.weibos; // 獲取數據中的weibo參數
weibos.push(content);
// 修改數據
page.setData({
weibos:weibos
})
wx.navigateBack({ //返回上一級頁面
})
}
})以上是top.js，這里可以看到submitEvent方法，獲取當前頁面信息，獲取weibo參數，再通過setData修改數據，最后navigateBack返回上一級頁面，即list頁面
關于如何用微信小程序實現發微博就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
