项目的基本设置
index.json
{
"usingComponents": {
"column": "/pages/column/column"
}
}
index.wxml
<column></column>
自定义组件
column.js
let that;
Page({
/**
* 页面的初始数据
*/
data: {
column_list: [],
test:"1"
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
that = this;
that.getColumnList();
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
var data=this.getData()
console.log(data)
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
/**
* 获取栏目列表
*/
getColumnList: function () {
wx.request({
url: "http://127.0.0.1:8081/client/column/list",
method: "POST",
data: {},
success(res) {
console.log(res)
that.setData({
column_list: res.data.data,
test:"2"
})
return res.data.data;
}
})
},
getData:function (){
let data=this.getData();
console.log(data);
}
})
column.wxml
<text>{{test}}</text>
<button bindtap="getData">fd</button>
<view class="bg-white">
<view class="cf padding column-item" wx:for="{{getColumnList}}" wx:for-item="column" wx:key="index">
<view class="fl padding-sm column-title">{{column.column_name}}</view>
<view class="fr padding-sm">查看更多></view>
<view class="column-item">
<swiper class="card-swiper round-dot" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500">
<swiper-item wx:for="{{column.column_item}}" wx:for-item="item" wx:key="index">
<image src="{{item.recipe_cover}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
</view>
</view>
</view>
setdata不成功
test的值还是1
代码也有问题
问题已解决 谢谢大家
没仔细看文档 直接上手撸 找到问题 首先这里不是Page 其次我json没有配置 component:true
res打印出结果是否正常
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})