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

fengrui99

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


1.建立json数据
首先我们新建一个component目录，以及一个json.js文件 注意是后缀js不是josn

[Asm] 纯文本查看 复制代码

// 本地模拟json数据
let data = [{
  "id"        : 1,
  "name":'张三'
},
{
  "id"        : 2,
  "name":'里斯'
},
{
  "id"        : 3,
  "name":'试试'
},
{
  "id"        : 4,
  "name":'发文'
}
]

随意写上一些内容后，我们自定义一个出口

[Asm] 纯文本查看 复制代码

// 定义数据出口
module.exports = {
  data: data
}

2.首页引入
开头导入文件

[Asm] 纯文本查看 复制代码

import fengrui from "../../component/json.js"

别忘了还有return

[Asm] 纯文本查看 复制代码

data() {
        return {
                title: 'Hello',
                shuju: fengrui
        }
},

写在view上看看效果

[Asm] 纯文本查看 复制代码

<text class="title">{{shuju}}</text>

会出来[object Object]  那就木有问题了




3.打印数据
如果要在控制台打印的话

[Asm] 纯文本查看 复制代码

onLoad() {
        console.log(this.shuju.data)
},

fengrui99

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

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

Mr.Lih

看着怪怪的   没错吗   不应该是  

[JavaScript] 纯文本查看 复制代码

import fengrui from "../../component/json.js"

这样吗?

ajal

都是大神。我只能套模板

wujun0919

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

fengrui99

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

确实我写错了