首頁 > web前端 > uni-app > uni-app怎麼載入json文件

uni-app怎麼載入json文件

藏色散人
發布: 2023-01-13 00:44:42
原創
8262 人瀏覽過

uni-app載入json檔案的方法:1、新建一個資料夾並把資料放到js裡面;2、透過「import sortdata from '../../data/sortData.js'. ..」方式在uni-app頁面中引入json檔案即可。

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
}
登入後複製

3、uni-app頁面引入

<script>
    import sortdata from '../../data/sortData.js'
    export default {
        data() {
            return {
                list: sortdata
            }
        }
    }
</script>
登入後複製

 推薦:《uniapp教學

以上是uni-app怎麼載入json文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板