没有显示
来源：18-2 使用require方法加载js模块儿文件
奇奇锋
2020-01-23
var local_database = [{
date: 'Nov 18 2019',
title: '冒险岛冒险岛',
content: '快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了快乐时光开始了',
reading: '112',
collection: '96',
avatar: '/images/avatar/1.png',
imgSrc: '/images/post/crab.png',
text_condition: true
},
{
date: 'Nov 20 2020',
title: '英雄联盟英雄联盟',
content: '越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游越南旅游',
reading: '186',
collection: '94',
avatar: '/images/avatar/4.png',
imgSrc: '/images/post/crab.png',
text_condition: true
},
{
date: 'Nov 22 2020',
title: '罪恶都市',
content: '泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游泰国旅游',
reading: '143',
collection: '77',
avatar: '/images/avatar/4.png',
imgSrc: '/images/post/crab.png',
text_condition: true
},
{
date: 'Nov 23 2020',
title: '剑灵',
content: '韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅游韩国旅',
reading: '189',
collection: '99',
avatar: '/images/avatar/4.png',
imgSrc: '/images/post/crab.png',
text_condition: true
},
{
date: 'Nov 24 2020',
title: '王者荣耀',
content: '马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游马来西亚旅游',
reading: '199',
collection: '98',
avatar: '/images/avatar/4.png',
imgSrc: '/images/post/crab.png',
text_condition: true
},
]
module.exports={
postList: local_database
//数据可以通过exports输出到其他脚本文件
}
// this.setData({
// posts_key: posts_content
// }) // 把数据拷贝到 data里 这样才能显示
// console.log('onload')
------------------------------
// pages/posts/posts.js
var postsData = require('../../data/post-data.js')
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
posts_key:postsData.postlist})// 把数据拷贝到 data里 这样才能显示
console.log('onload')
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
// data:{ // 出现再在data里的才可以进行数据绑定，自已定义的 data1则不行
// date:'Nov 22 2020'
// //单向数据绑定js到wxml 自动
// //双向数据绑定
// },
// process:function(){
// var date='Nov 18 2019'
// // var date_ele = document.getElementById('id')
// // date_ele.text =date
// // //网页做法DOM
// },
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
2回答
-
KLordy
2020-01-28
我这边找到原因了，可能是新版数据结构改了，从post-data.js中加载的数据中，数据多嵌套了一层参数，简单来说现在的wxml中block中代码要改为：
<block wx:for="{{postKeys.posts_content}}" wx:for-item="post_content">post.js中数据绑定：
this.setData({ postKeys: postList })post-data.js中：
module.exports = { posts_content: local_data }自己注意各个key的对应关系就行了~
012020-01-28 -
7七月
2020-01-23
这个真不能从这里看出问题，需要调试的。建议调试下代码，或者对比下视频看看哪里写错了
012020-01-28
相似问题