微信小程序動態(tài)增加按鈕組件
這里的微信小程序動態(tài)加載是以按鈕為例，主頁面點(diǎn)擊不同的按鈕進(jìn)入不同的子頁面中，根據(jù)主頁面的title來動態(tài)加載子頁面按鈕的數(shù)量以及值。
創(chuàng)新互聯(lián)公司是一家專業(yè)提供全南企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、html5、小程序制作等業(yè)務(wù)。10年已為全南眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
效果圖：
wxml文件（注意wx:key="item"要寫，不然它會有警告）：
<!--pages/plan/plans/plans.wxml-->
<view class="className" wx:for="{{array}}" wx:key="item">
<button class="items" id="{{stv.id[index]}}">{{item.name}}</button>
</view>
這里起關(guān)鍵作用的是wx:for，這里是循環(huán)。
wxss文件：
/* pages/plan/plans/plans.wxss */
.items {
background-color: rosybrown;
width:60%;
}
js文件：
// pages/plan/hot/hot.js
Page({
data: {
},
onLoad: function (options) {
var that = this;
var arr = new Array();
if (options.title == "熱門") {
var location1 = { name: "1" };
var location2 = { name: "2" };
var location3 = { name: "3" };
var location4 = { name: "4" };
var location5 = { name: "5" };
var location6 = { name: "6" };
arr.push(location1);
arr.push(location2);
arr.push(location3);
arr.push(location4);
arr.push(location5);
arr.push(location6);
console.log("OK");
} else {
var location1 = { name: "2" };
var location2 = { name: "4" };
var location3 = { name: "5" };
arr.push(location1);
arr.push(location2);
arr.push(location3);
}
wx.setNavigationBarTitle({title:'創(chuàng)建新計劃--'+options.title});
wx.getSystemInfo({
success: function (res) {
that.setData({
//view
className_height: res.windowHeight / arr.length,
//btn
array: arr,
})
}
})
},
})以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁標(biāo)題：微信小程序動態(tài)增加按鈕組件
鏈接URL：http://chinadenli.net/article34/godise.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、企業(yè)建站、品牌網(wǎng)站建設(shè)、做網(wǎng)站、搜索引擎優(yōu)化、小程序開發(fā)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
