uni-app怎么加载json文件

142 阅读 0 评论 94 点赞

我是靠谱客的博主怕黑花瓣，这篇文章主要介绍uni-app怎么加载json文件，现在分享给大家，希望可以做个参考。

本文操作环境：windows7系统、uni-app2.5.1版，DELL G3电脑。

uni-app怎么加载json文件？

uni-app导入本地json数据到页面并使用

1、在项目根文件夹中，先新建一个文件夹然后把数据丢到js里面

2、js

复制代码let data = {
     //这里放数据
}
module.exports = {
  data: data
}1
2
3
4
5
6
let data = {
     //这里放数据
}
module.exports = {
  data: data
}
登录后复制

3、uni-app页面引入

复制代码<script>
    import sortdata from '../../data/sortData.js'
    export default {
        data() {
            return {
                list: sortdata
            }
        }
    }
</script>1
2
3
4
5
6
7
8
9
10
<script>
    import sortdata from '../../data/sortData.js'
    export default {
        data() {
            return {
                list: sortdata
            }
        }
    }
</script>
登录后复制