【转】uni-app 新建本地模拟json数据教程

fengrui99 发表于 2019-12-5 16:48

本帖最后由 fengrui99 于 2019-12-5 21:15 编辑

原文转载来自：https://www.frbkw.com/2106/

1.建立json数据
首先我们新建一个component目录，以及一个json.js文件注意是后缀js不是josn// 本地模拟json数据
let data = [{
"id"    : 1,
"name":'张三'
},
{
"id"    : 2,
"name":'里斯'
},
{
"id"    : 3,
"name":'试试'
},
{
"id"    : 4,
"name":'发文'
}
]
随意写上一些内容后，我们自定义一个出口// 定义数据出口
module.exports = {
data: data
}

2.首页引入
开头导入文件
import fengrui from "../../component/json.js"
别忘了还有returndata() {
   return {
            title: 'Hello',
            shuju: fengrui
   }
},
写在view上看看效果
<text class="title">{{shuju}}</text>
会出来那就木有问题了

3.打印数据
如果要在控制台打印的话
onLoad() {
   console.log(this.shuju.data)
},

ad666666 发表于 2019-12-5 16:57

fengrui99 发表于 2019-12-5 17:00

ad666666 发表于 2019-12-5 16:57
嗯，代码有问题吧，不应该这样么 import fengrui from "../../component/json.js"

木有问题，sordata也可以。话说大佬有没有关于本地模拟https的请求

Mr.Lih 发表于 2019-12-5 17:07

看着怪怪的没错吗不应该是import fengrui from "../../component/json.js" 这样吗?

ajal 发表于 2019-12-5 17:08

都是大神。我只能套模板

wujun0919 发表于 2019-12-5 18:08

不能这么干，import只能导入js文件，json,txt文件等都需要node的fs模块才能读取

fengrui99 发表于 2019-12-5 21:15

Mr.Lih 发表于 2019-12-5 17:07
看着怪怪的没错吗不应该是import fengrui from "../../component/js ...

确实我写错了:'(weeqw

页: [1]

吾爱破解 - 52pojie.cn's Archiver

【转】uni-app 新建本地模拟json数据教程